@charset "utf-8";

@import url(rank.css);

* { margin : 0 ; padding : 0 ; }

html, body { height:100%; }
body{
	margin: 0 auto;
	text-align:center;
	background:#ffffff;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 15px;
	line-height: 25px;
	color: #33333;
}

input, textarea	{	
		color:#000000;
}

a{
	color:#aa3300;
}

a:hover{
	color:#337755;	
}

img {
	border:none;
}

/*--------------------------------

ヘッダー上

--------------------------------*/

.header_top{
	width:100%;
	height:23px;
	line-height:0px;
	font-size:1px;
	background: url(./img/menu_top.gif) top repeat-x #ffffff;	
}

/*--------------------------------

ヘッダー（サイトタイトル）

--------------------------------*/
#header{
	position: relative;
	margin:0 auto;
	width:850px; /* ヘッダーの幅 */
	height:30px;
	text-align:left;
	overflow:hidden;
}

#header h1{
	position: absolute;
	font-size:25px;
	line-height:30px;
	color:#aa5555;
	font-weight:bold;
}

#header a{
	color:#aa5533;
	text-decoration:none;
}

#header a:hover{
	color:#779955;
	text-decoration:none;
}

.header_btm{
	margin-bottom:5px;
	width:100%;
	height:20px;
	line-height:0;
	font-size:1px;
	background:url(./img/line2.gif) bottom repeat-x;
}
/*--------------------------------

トップ画像

--------------------------------*/	

#top{
	position: relative;
	margin:0 auto;
	width:850px; /* 上のボックスの幅 */
	height:230px; /* 上のボックスの高さ */
	background: url(./img/topbg.gif) top repeat-x #918d82;
}

#top .topimg{
	position: absolute;
	top:3px;
	left:3px;
	border:2px solid #ffffff;
}

#top p{
	position: absolute;
	width:280px; /* メインの幅-トップ画像の幅-10px */
	top:60px;
	right:15px;
	font-size:15px;
	line-height:23px;
	color:#ffffff;
}

#top strong{
	color:#dddddd;
	font-size:20px;
	line-height:30px;
}

/*--------------------------------

メニュー

--------------------------------*/

#menu{
	margin:0 auto;
	width:850px;
	height:35px;
	background: url(./img/menu.gif) top repeat-x #b05350;
	border-bottom:1px solid #83312f;	

}

#menu ul{
	margin-right:20px;
	text-align:right;
	list-style:none;
}

#menu ul li{
	display:inline;
	margin:0 5px 0 5px;
	border-right:1px solid #000000;
	line-height:35px;
}

#menu ul li a{
	text-decoration:none;
	padding:0 15px 0 15px;
	color:#ffffff;
	background: url(./img/ic_small1.gif) no-repeat;
}

#menu ul li a:hover{
	text-decoration:underline;
	color:#ffeecd;
	background: url(./img/ic_small2.gif) no-repeat
}

/*--------------------------------

メニュー下

--------------------------------*/
.menu_btm{
	margin:0 auto;
	width:850px;
	height:2px;
	line-height:0px;
	font-size:1px;
	background: #112d50;
	background: url(./img/ic_small2.gif) no-repeat	
}

/*--------------------------------

コンテンツ　上

--------------------------------*/
.con_top{
	margin-top:5px;;
	width:100%;
	height:20px;
	line-height:0px;
	font-size:1px;
	background:url(./img/line.gif) top repeat-x;
}
/*--------------------------------

コンテナー

--------------------------------*/
#container{
	margin:0 auto;
	width:850px;
}
/*--------------------------------

コンテンツ

--------------------------------*/
.content{
	margin-top:15px;
	float:right;
	width:600px;
	text-align:left;
}

/*--------------------------------

コンテンツ-見出しと装飾

--------------------------------*/
.content h2{
	padding-left:10px;
	font-weight:normal;
	font-size:20px;
	line-height:35px;
	background:url(./img/h2.gif) top repeat-x #ededed;
	border-left:1px solid #777777;
	border-bottom:1px solid #777777;
}

.content h3.h3box{
	margin:10px;
	padding:5px;
	font-size:16px;
	font-weight:normal;
	color:#555555;
	border:1px solid #bbbbbb;
	background:url(./img/bg_x.gif) bottom repeat-x #eeeeee;
}


.content p{
	margin:10px;
}
.red{
	color:#aa5533;
}

.red2{
	color:#aa5533;
	font-weight:bold;
}

.content ul{
	margin:10px;
	list-style:none;
}

.content ul li.li1{
	margin-bottom:10px;
	padding-left:15px;
	line-height:15px;
	background:url(./img/li1.gif) no-repeat;
}

.content ul li.li2{
	margin-bottom:10px;
	padding-left:15px;
	line-height:15px;
	background:url(./img/li2.gif) no-repeat;
}

.content ul li.li3{
	margin-bottom:10px;
	padding-left:15px;
	line-height:15px;
	background:url(./img/li3.gif) no-repeat;
}

.content ul li.li4{
	margin-bottom:10px;
	padding-left:15px;
	line-height:15px;
	background:url(./img/li4.gif) no-repeat;
}

.content ul li.li5{
	margin-bottom:10px;
	padding-left:15px;
	line-height:15px;
	background:url(./img/li5.gif) no-repeat;
}

/*--------------------------------

コンテンツ　画像位置

--------------------------------*/

.img_left{
	float:left;
	margin:0 10px 10px 0;
}

.img_left2{
	float:left;
	margin:0 10px 0 0;
}

.img_right{
	float:right;
	margin:0 0 10px 10px;
}

.img_right2{
	float:right;
	margin:0 0 0 10px;
}

.center{
	padding-top:10px;
	margin:0 auto;
	text-align:center;
}

/*--------------------------------

コンテンツ-ボックス1-3

--------------------------------*/

.content .box{
	margin:10px;
	padding:10px;
	height:100%;
	background:#fbf6e2;
	border:1px solid #d0c5af;
	overflow:hidden;
}

.content .box1{
	float:left;
	width:270px;
	background:#ffffff;	
	border:1px solid #dddddd;
}
.content .box2{
	float:right;
	width:270px;
	background:#ffffff;	
	border:1px solid #dddddd;
}

.content .box3{
	margin:10px;
	background:#ffffff;	
	border:1px solid #dddddd;
}

.content .box h3{
	padding:5px;
	font-size:16px;
	font-weight:normal;
	color:#555555;
	background:url(./img/bg_x.gif) bottom repeat-x #eeeeee;
}

.content .box p{
	font-size:13px;
}

/*--------------------------------

コンテンツ-ボックス4

--------------------------------*/

.content .box4{
	margin:10px;
	height:100%;
	background:#fbf6e2;
	border:1px solid #d0c5af;
	overflow:hidden;
}

.content .box4 p{
	font-size:15px;
}

.content .height10{
	clear:both;
	height:10px;
}

/*--------------------------------

サイドメニュー

--------------------------------*/
.sidemenu{
	float:left;
	width:240px;
	text-align:left;
}
/*--------------------------------

サイドメニューその1

--------------------------------*/
.sidemenu1{
	margin:0 0 10px 0;
	width:230px;
}

.si1{
	height:52px;
	background: url(./img/sideh3_2.gif) bottom repeat-x #ffffff;
}

.si1 div{
	height:49px;
	background: url(./img/si1_left.gif) left no-repeat;
}

.sidemenu1 h3{
	padding:21px 0 0 45px;
	text-align:center;
	font-size:18px;
	line-height:25px;
	color:#ffffff;
}

.sidemenu1 .sidemenu1box{
	text-align:left;
	padding:10px 0 10px 0;
	width:228px;
	border-bottom:1px solid #d0c5af;
	border-left:1px solid #d0c5af;
	border-right:1px solid #d0c5af;
	background:url(./img/sideul.gif) left repeat-y #fbf6e2;
}

*html .sidemenu1 .sidemenu1box{
	width:230px; /* IE6対策 */
}

.sidemenu1 .sidemenu1box p{
	padding:10px;
}

.sidemenu1 .input1 {
	width:110px;
	height:18px
}

.sidemenu1 .sidemenu1box ul{
	list-style:none;
}

.sidemenu1 .sidemenu1box li{
	padding:10px 0 17px 0;
	background: url(./img/li.gif) bottom repeat-x #fbf6e2;
}

.sidemenu1 .sidemenu1box li a{
	display:block;
	margin-left:5px;
	line-height:15px;
	text-decoration:none;
	padding:0 0 0 20px;
	background: url(./img/side2li.gif) no-repeat;
}

.sidemenu1 .sidemenu1box li a:hover{
	background: url(./img/side2li_ho.gif) no-repeat;
}

/*--------------------------------

サイドメニューその2

--------------------------------*/
.sidemenu2{
	margin:10px 0 10px 0;
	width:230px;
}

.sidemenu2 h3{
	padding:5px 0 5px 0;
	text-align:center;
	font-size:18px;
	line-height:25px;
	color:#ffffff;
	background: url(./img/sideh3.gif) top repeat-x #b05350;
}

.sidemenu2 .sidemenu2box{
	text-align:left;
	padding:5px 0 0 0;
	width:228px;
	border-bottom:1px solid #d0c5af;
	border-left:1px solid #d0c5af;
	border-right:1px solid #d0c5af;
	background:#fbf6e2;
}

*html .sidemenu2 .sidemenu2box{
	width:230px; /* IE6対策 */
}

.sidemenu2 .sidemenu2box ul{
	list-style:none;
}

.sidemenu2 .sidemenu2box li{
	padding:10px 0 17px 0;
	background: url(./img/li.gif) bottom repeat-x #fbf6e2;
}

.sidemenu2 .sidemenu2box li a{
	display:block;
	margin-left:5px;
	line-height:15px;
	text-decoration:none;
	padding:0 0 0 20px;
	background: url(./img/side2li.gif) no-repeat;
}

.sidemenu2 .sidemenu2box li a:hover{
	background: url(./img/side2li_ho.gif) no-repeat;
}

/*--------------------------------

ボタン

--------------------------------*/

.bt1{
	margin:10px 0 10px 0 ;
	float:right;
	display:block;
	text-decoration:none;
	color:#333333;
	font-size:13px;
	line-height:26px;
	background:url(./img/bt1.gif) top repeat-x;
}

.bt1 span{
	display:block;
	background:url(./img/bt1left.gif) left top no-repeat;	
}
.bt1 span span{
	padding:0 10px 0 10px;
	background:url(./img/bt1right.gif) right top no-repeat;	
}
/*--------------------------------

その他

--------------------------------*/
.clear{
	both:clear;
}
/*--------------------------------

フッター

--------------------------------*/
#footer{
	clear:both;
	width:100%;
	padding:10px 0 35px 0;
	background:#605d54;
}

#footer a{
	color:#ffffff;
}

address{
	font-size:13px;
	color:#ffffff;
}