@charset "Shift_JIS";


/* ■format
-----------------------------------*/

*{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

font-size: 100%;
font-weight: normal;
font-style: normal;
text-decoration: none;
letter-spacing: 0px;
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}

body{
font-size: 14px;
color: #333333;
background-color: #fafafa;
line-height: 1.4em;
letter-spacing: 0.1em;
text-align: center;
background-image: url('background/07-1.gif');
}

h1,h2,h3,h4,h5,h6,em,strong{
font-size: 1em;
font-weight: normal;
font-style: normal;
}

a{
color: #0B2BD7;
text-decoration: underline;
}

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

p{
padding: 0 1em 3px 1em;
line-height:190%;
}

address{
font-style: normal;
}

/* ---------- img ---------- */

img{
border: none;
}

/*画像を右寄せ*/
.imgright {
	float: right;
	margin: 0 5px;
	}
/*画像を左寄せ*/
.imgleft {
	float: left;
	margin: 0px 7px 0px 0px;
	}


/*hr（線）
------------------------------------------------------------------*/
hr.style1 {
 border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0px 100px 0px 10px;
}

hr.style2 {
height: 1px;
margin:5px 60px 10px 20px;
border: none;
border-top: 1px #EF8F9C dotted;
}

/* ■wrapper
-----------------------------------*/

div#wrapper{
width:900px; /* ページの幅 */
min-width: 50em;
max-width: 90em;
text-align: left;
margin: -1px auto;
background-color:#fafafa;
border: 1px solid #777;　
}

/* ■header
-----------------------------------*/

div#header{
width:100%;
}

div#header h1 a{
display:block;
	font-size: 13px;		/*h1タグの文字サイズ*/
		font-weight: normal;     /*h1タグの文字太さ*/
	color: #555555;			/*リンクを設定した際の文字色*/
text-decoration: none;
padding: 5px 0px 0px 10px;
float: left;
}



div#header ul{
	font-size: 10px;		/*文字サイズ*/
text-align: right;
}

div#header li{
padding-right: 10px;
display: inline;
}

/* ■image
-----------------------------------*/

div#image{
height: 158px;
background-image: url('img/abc.jpg');
background-repeat:no-repeat;
margin:8px 0px 0px 0px;
border-top:1px solid #555;
border-bottom:1px solid #444;

}

div#image h2 {
display:block;
	font-size: 28px;		/*h1タグの文字サイズ*/
	font-family :serif;
font-weight: bolder;    /*文字太さ*/
	color: #111;			/*リンクを設定した際の文字色*/
text-shadow: 1px 0px 0px #000;
line-height:170%;
padding: 20px 0px 0px 235px;
text-align: left;
}


div#image p{
	font-size: 12px;
color : #000;
text-align: right;
padding: 4px 10px 0px 0px;
}

/* ■sub
-----------------------------------*/

div#sub{
width: 250px;
margin-left: 20px;
float: left;
}

div#menu{
width: 230px;
margin-top:25px;
}

div#menu h2{
width: 225px;
background-image: url('img/mh.jpg');
background-repeat: no-repeat;
font-size: 14px;
color : #fff;
font-weight:bold;
padding: 20px 0px 8px 40px;

text-shadow: 1px 1px 2px #000;
}


div#menu ul{
width: 230px;
font-size: 13px;
border-right: 1px solid #CCCCBB;
border-bottom:  1px solid #CCCCBB;
border-left:  1px solid #CCCCBB;
}


div#menu li a{
text-decoration: none;
background-color: #f1f1f1;
display: block;
width: 185px;
border-top: 0px solid #CCCCBB;
padding: 11px 4px 5px 40px;
}

div#menu a:hover{
	background-image: url(img/agt_forward.png);
	background-repeat: no-repeat;
	background-position: left center;
background-color:#fbeee9;
}

div#menu li {	
margin-bottom: 2px;
}



div.message{
width: 235px;
height:auto;
margin-top:20px
}

div.message dl{
width: 232px;
}

div.message dt{
background-image: url('img/supo.jpg');
background-repeat: no-repeat;
font-size: 14px;
color : #fff;
font-weight:bold;
padding: 18px 0px 7px 18px;

text-shadow: 1px 1px 2px #000;
}

div.message dd{
text-align: center;
padding: 11px 0px 8px 0px;
border-top: 0px solid #0B2BD7;
border-right: 1px solid #CCCCBB;
border-bottom: 1px solid #CCCCBB;
border-left: 1px solid #CCCCBB;
}



/* ■content
-----------------------------------*/
div#content{
margin-left: 280px;
margin-top:15px;
}

div#content h2{
background-image: url('img/h2.png');
background-repeat: no-repeat;
font-size: 21px;		/*h2タグの文字サイズ*/
color: #222222;
font-weight: bold;
margin: 0px 0px 0px 10px;
padding: 2px 0px 13px 33px;
}

div#content h3{
font-size: 18px;		/*h2タグの文字サイズ*/
color : #291bff;/*青*/
font-weight: bold;
margin: 0px 0px 0px 5px;
padding:8px 10px;
}

div#content h4{
background-image: url('img/arrow_step.png');
background-repeat: no-repeat;

font-size: 16px;		/*h2タグの文字サイズ*/
color : #DB0015;/*赤*/
font-weight: bold;
margin: 20px 0px 0px 30px;
padding:1px 20px;
}



div#content p{
padding: 3px 40px 3px 1em;
}

		/*nabi
---------------------------------------------------------------------------*/
div#nabi{
font-size: 12px;
margin: 30px 0px 13px 20px;
}

.rank1{
background-image: url('img/arank1.png');
background-repeat: no-repeat;
font-size: 19px;		/*h2タグの文字サイズ*/
color : #3333ff;/*青*/
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 13px 0px 12px 53px;
}

.rank2{
background-image: url('img/arank2.png');
background-repeat: no-repeat;
font-size: 19px;		/*h2タグの文字サイズ*/
color : #3333ff;/*青*/
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 13px 0px 12px 53px;
}

.rank3{
background-image: url('img/arank3.png');
background-repeat: no-repeat;
font-size: 19px;		/*h2タグの文字サイズ*/
color : #3333ff;/*青*/
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 13px 0px 12px 53px;
}

.special{
background-image: url('img/special.png');
background-repeat: no-repeat;
font-size: 19px;		/*h2タグの文字サイズ*/
color : #3333ff;/*青*/
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 13px 0px 12px 53px;
}



/*アクセントカラー
---------------------------------------------------------------------------*/
span.aoi {
color : #0000ff;/*青*/
			} 

span.aoi2 {
color : #0000ff;/*太青*/
font-size:16px;
font-weight: bolder;    /*文字太さ*/
			} 

span.aka {
color : #e6001e;
font-size:15px;
font-weight: bolder;    /*文字太さ*/
	line-height: 22pt;
} 

span.bigaka {
color : #e6001e;
font-size:19px;
font-weight: bolder;    /*文字太さ*/
	line-height: 22pt;
} 


span.black {
color : #000000;/*黒*/
font-size:15px;
	line-height: 22pt;
			font-weight: bolder;    /*文字太さ*/
} 

			
									
span.glay {
color : #666;/*黒*/
font-size:15px;
	line-height: 22pt;
			font-weight: bolder;    /*文字太さ*/
} 

span.pink {
color : #ff0095;
font-weight: bolder;    /*文字太さ*/
	line-height: 22pt;
} 
			

span.haiiro {
color : #777777;
font-size: 10pt;
} 


/*テーブルmama
---------------------------------------------------------------------------*/

table.mama {
	width: 570px;
	font-size:14px;
	color: #222;
	border-collapse:collapse;
border-spacing: 0;
margin: 0px 0px 10px 10px;
}

table.mama th{
	border: 1px solid #afafaf;
	padding: 5px 15px 13px 14px;
	line-height:200%;
	background-color: #dbdef4;	/*左側thタグの背景色*/
			font-weight: normal;     /*h1タグの文字太さ*/
}


table.mama td{
	border: 1px solid #afafaf;
	padding: 5px 15px 13px 14px;
	line-height:200%;
	background-color: #faf0f2;	/*左側thタグの背景色*/
			font-weight: normal;     /*h1タグの文字太さ*/
}




/* ■pagetop
-----------------------------------*/
.pagetop {
font-size: 12px;
text-align: right;
padding: 0px 20px 0px 0px;
}




/* ■footer
-----------------------------------*/

div#footer{
width:100%;
height:auto;
text-align: center;
font-size: 12px;
margin-top: 10px;
border-top: 1px solid #CCCCBB;
clear: both;
background-color: #f7ddd3;
}


#footerMenu {
text-align:center;
}

#footerMenu a{
color: #555555;
font-size: 11px;
letter-spacing: 0.0em;
line-height:230%;
text-decoration: none;
}

#footerMenu a:hover{
color: #4387E9;
text-decoration: none;

}

#footerMenu li {
display:inline;
}

div#footer address{
font-size: 11px;
color: #555555;
letter-spacing: 0.0em;
padding:14px 0px 10px 0px;
}