/* CSS Document */



/*■初期設定*/



body{

	color:#000000;/*通常のテキストカラー*/

	}

a{

	color:#00ffff;/*通常のリンクテキストカラー*/

	}

a:hover{

	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/

	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/

	}



/*■初期設定ここまで*/







*{ margin:0; padding:0;}

img{ border:0;}



table,div{

	margin:auto;

	}



/*■フォントサイズ調整*/

body {

    font-size: 12px; /* モダンブラウザ */

    *font-size: 80%; /* IE 7 */

    *font: 80%; /* IE 6以下 */

}



body{

	text-align:center;

	}







/*■基本レイアウト*/

#bg{

	

        width:80%;

	background:#4b0082 repeat-y;

	text-align:center;

	}

#container{

	width:800px;

	margin:auto;

	text-align:left;

	}

#area1{

  width:35%;

  height:40px;

  background-color:#ff8000;

  float:left;

}

#head{}

#head h1{

	height:50px;

	line-height:40px;

	font-size:30px;

	color:#8080ff;

	font-weight:normal;

	text-indent:10px;

	}



#head_menu{

        font-size:20px;

	height:42px;

	}



/*メインイメージ*/

#main_image{

	padding:0 0 1px 0;

	border:solid #333333;

	border-width:0 0 1px 0 ;

	}



#contents{

	margin:20px 10px 20px 10px;

	clear:left;

	zoom:100%;

	}



#foot{

	clear:left;

	background:url(img/bg_foot.gif) no-repeat;

	width:800px;

	height:50px;

	}

#copy{

	margin:18px;

	font-size:20px;

	text-align:center;

	color:#FFFFFF;

	padding:2px;

	}



/***トップ***/

#top{}

#top div#top_up{

	zoom:100%;

	margin:0 0 20px 0;

	}

#top div#top_up:after{

	content: "";

    clear: both;

    height: 0;

    display: block;

    visibility: hidden;

	}	

#top div#top_up div#left{

	float:left;

	width:400px;

	margin:0 0 0 0;

	}

#top div#top_up div#left p{

	margin:8px 0 0 0;

	line-height:160%;

	}	

#top div#top_up div#right{

	float:right;

	width:360px;

	margin:0 0 0 20px;

	}

#top div#top_up div#right h3{

	font-size:12px;

	}

#top div#top_up div#right div#info{

	background:url(img/top/bg_info.gif) no-repeat;

	width:360px;

	height:200px;

	padding:1px 1px 0px 1px;

	}

#top div#top_up div#right div#info div#main{

	overflow:auto;

	width:358px;

	height:198px;

	margin:0;

	}

#top div#top_up div#right div#info div#main h4{

	margin:8px 10px 0 10px;

	font-size:100%;

	color:#ff0000;

	}

#top div#top_up div#right div#info div#main p{

	margin:4px 10px 0 10px;

	}





#top div#btm{

	clear:left;

	}

#top div#btm div#bnr_sps{

	}

#top div#btm div#bnr_sps ul{

	list-style-type:none;

	zoom:100%;

 	}

#top div#btm div#bnr_sps ul:after{

	content: "";

    clear: both;

    height: 0;

    display: block;

    visibility: hidden;

	}

#top div#btm div#bnr_sps ul li{

 float:left;

 margin:0 8px 0 0;

 }





/***その他のページ***/

#other_page{}

#other_page h3{

	background:url(img/bg_h2.jpg) no-repeat;

	font-size:18px;

	line-height:42px;

	height:42px;

	color:#0000ff;

	font-weight:heavy;



	vertical-align:bottom;

	text-indent:20px;

	}

#other_page h4{ font-size:22px;

	line-height:1.0em;

	vertical-align:top;

	margin:20px 0 0 0;

	color:#333333;

	border:solid #FF0066;

	text-indent:2px;

	border-width:0 0 0 5px;

	}

#other_page h5{

	font-size:25px;

	line-height:1.0em;

	vertical-align:top;

	margin:14px 0 0 0;

	color:#CC0066;

	}	

#other_page div.typeA{

	}

#other_page div.typeA p{

	margin:2px 0 32px 0;

	line-height:250%;

	}

#other_page div.typeB{

	zoom:100%;

	}

#other_page div.typeB:after{

	content: "";

    clear: both;

    height: 0;

    display: block;

    visibility: hidden;

	}

#other_page div.typeB p{

	margin:2px 0 16px 0;

	line-height:200%;

	}	

#other_page div.typeB div.left{

	float:left;

	width:370px;

	}

#other_page div.typeB div.right{

	float:right;

	width:370px;

	margin:0 0 0 20px;

	}



#other_page p.margin_none{ margin:0;}

#other_page p{ margin:6px 0 0 0;}