@charset "UTF-8";

*{
	
}

html {
	height:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	line-height: 140%;
}

body {
	margin:0;
	padding:0;
	background-image: url(../img/bg.gif);
	height:100%;
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: top;
}


#wrapper {
	width:100%;
	height:100%;
	margin:0 auto;
    min-height: 100%;
}

body > #wrapper {
    height: auto;
}


#content {
	width:980px;
	height:100%;
	margin: 0px auto;
}


.s4{
	font-size:14px;
}
.s3{
	font-size:12px;
	line-height: 150%;
}
.s2{
	font-size:10px;
	line-height: 140%;
}
.s1{font-size:8px;}

#white {color:#FFFFFF;}
#red {color:#FF0000;}
#red2 {color:#FF6600;}
#pink {color:#FF3366;}
#green {color:#669933;}
#green2 {color:#336600;}
#green3 {color:#53A64C;}
#darkgreen {color:#006600;}
#blue {color:#0000FF;}
#blue2 {color:#9933CC;}
#blue3 {color:#660099;}
#purple {color:#CC33CC;}
#purple2 {color:#990099;}
#purple3 {color:#CC00CC;}
#navy {color:#663399;}
#orange {color:#FF9900;}
#orange2 {color:#FF6600;}
#brown {color:#993300;}
#darkbrown {color:#663300;}
#gray {color:#333333;}
#gray2 {color:#666666;}
#black {color:#000000;}


.text-right{text-align:right;margin-top : 0px;}

A:link {
	color: #FF3399;
	text-decoration: underline;
}
A:visited {
	text-decoration:underline;
	color: #FF3399;
}
A:active {text-decoration:none;}
A:hover {text-decoration:underline;}

.s3-14 {
	font-size:14px;
	font-weight: bold;
	color: #CC0000;
}
.s2-ex {
	font-size:10px;
	color: #CC0000;
}
.s3-14normal {
	font-size:14px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 150%;
}
.s3-14blue {
	font-size:14px;
	color: #003399;
	font-weight: bold;
}
.s3-blue {
	font-size:12px;
	color: #336699;
	line-height: 150%;
}
.s3-14white {
	font-size:14px;
	color: #FFFFFF;
}

.s3-14purple {
	font-size:14px;
	font-weight: bold;
	color: #CC0099;
}



#header {
	width: 980px;
}

#header .midashi{
	font-size: 10px;
	text-align: center;
	height: 15px;
}

#header .titles{
	background-image: url(../img/header_title.gif);
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
}

#menu_area {
	margin-bottom: 15px;
	height: 30px;
	background-image: url(../img/menu_bg.gif);
	background-repeat: repeat-x;
}

#menu_area .menu01 {
	display:block;
	width:130px;
	height:30px;
	text-indent:-9999px;
	overflow: hidden;
	float: left;
}
#menu_area .menu01 a { display:block; background: url(../img/menu_01.gif) no-repeat top left; width:130px; height:30px; text-indent:-9999px; overflow: hidden; float: left; }
#menu_area .menu01 a:link,
#menu_area .menu01 a:visited{}
#menu_area .menu01 a:hover,
#menu_area .menu01 a:active{ background: url(../img/menu_01.gif) no-repeat 0px -30px; }

#menu_area .menu02 { display:block; background: url(../img/menu_02.gif) no-repeat top left; width:130px; height:30px; text-indent:-9999px; overflow: hidden; float: left; }
#menu_area .menu02 a { display:block; width:130px; height:30px; }
#menu_area .menu02 a:link,
#menu_area .menu02 a:visited{}
#menu_area .menu02 a:hover,
#menu_area .menu02 a:active{ background: url(../img/menu_02.gif) no-repeat 0px -30px; }

#menu_area .menu03 { display:block; background: url(../img/menu_03.gif) no-repeat top left; width:130px; height:30px; text-indent:-9999px; overflow: hidden; float: left; }
#menu_area .menu03 a { display:block; width:130px; height:30px; }
#menu_area .menu03 a:link,
#menu_area .menu03 a:visited{}
#menu_area .menu03 a:hover,
#menu_area .menu03 a:active{ background: url(../img/menu_03.gif) no-repeat 0px -30px; }

#menu_area .menu04 { display:block; background: url(../img/menu_04.gif) no-repeat top left; width:130px; height:30px; text-indent:-9999px; overflow: hidden; float: left; }
#menu_area .menu04 a { display:block; width:130px; height:30px; }
#menu_area .menu04 a:link,
#menu_area .menu04 a:visited{}
#menu_area .menu04 a:hover,
#menu_area .menu04 a:active{ background: url(../img/menu_04.gif) no-repeat 0px -30px; }

#menu_area .menu05 { display:block; background: url(../img/menu_05.gif) no-repeat top left; width:130px; height:30px; text-indent:-9999px; overflow: hidden; float: left; }
#menu_area .menu05 a { display:block; width:130px; height:30px; }
#menu_area .menu05 a:link,
#menu_area .menu05 a:visited{}
#menu_area .menu05 a:hover,
#menu_area .menu05 a:active{ background: url(../img/menu_05.gif) no-repeat 0px -30px; }

#menu_area .menu06 { display:block; background: url(../img/menu_06.gif) no-repeat top left; width:130px; height:30px; text-indent:-9999px; overflow: hidden; float: left; }
#menu_area .menu06 a { display:block; width:130px; height:30px; }
#menu_area .menu06 a:link,
#menu_area .menu06 a:visited{}
#menu_area .menu06 a:hover,
#menu_area .menu06 a:active{ background: url(../img/menu_06.gif) no-repeat 0px -30px; }

#menu_area .menu07 { display:block; background: url(../img/menu_07.gif) no-repeat top left; width:86px; height:30px; text-indent:-9999px; overflow: hidden; float: left; margin-left: 30px;}
#menu_area .menu07 a { display:block; width:86px; height:30px; }
#menu_area .menu07 a:link,
#menu_area .menu07 a:visited{}
#menu_area .menu07 a:hover,
#menu_area .menu07 a:active{ background: url(../img/menu_07.gif) no-repeat 0px -30px; }

#menu_area .menu08 { display:block; background: url(../img/menu_08.gif) no-repeat top left; width:84px; height:30px; text-indent:-9999px; overflow: hidden; float: left; }
#menu_area .menu08 a { display:block; width:84px; height:30px; }
#menu_area .menu08 a:link,
#menu_area .menu08 a:visited{}
#menu_area .menu08 a:hover,
#menu_area .menu08 a:active{ background: url(../img/menu_08.gif) no-repeat 0px -30px; }

#main {
	}


#main_contents {
	width: 780px;
	float: left;
	margin-left: 20px;
}

#footer {
	font-size: 10px;
	line-height: 1.2em;
}


#leftside {
	float: left;
	width: 180px;
}


#leftside .news{
	background-image: url(../img/topl_t_whatnew.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 35px;
	height: 400px;
	margin-bottom: 15px;
	line-height: 130%;
}

#leftside .massarea{
	background-image: url(../img/topl_t_mass.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 35px;
	height: 170px;
	margin-bottom: 15px;
}

#leftside .mass{
	height: 135px;
	line-height: 130%;
	font-size: 10px;
	overflow: scroll;
}


#leftside .serch{
	background-image: url(../img/topl_t_serch.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 35px;
	font-size: 10px;
	margin-bottom: 15px;
	line-height: 130%;
}

#leftside .books{
	background-image: url(../img/topl_t_books.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 35px;
	margin-bottom: 15px;
	font-size: 10px;
	line-height: 120%;
}

#leftside .line1{
	background-image: url(../img/topl_t_line1.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 20px;
	width: auto;
	overflow: hidden;
}

#leftside .toi{
	margin-bottom: 15px;
	line-height: 130%;
	font-size: 10px;
	text-align: left;
	margin-top: 5px;
	color: #F00;
}





#mainblock {
	float: left;
	width: 460px;
}

#mainblock .sodan{
	background-image: url(../img/topc_t_sodan.gif);
	height: 55px;
}
#mainblock .sodanm{
	background-image: url(../img/topc_t_sodan_bg.gif);
	background-repeat: repeat-y;
	line-height: 130%;
	padding-left: 30px;
}
#mainblock .sodanf{
	background-image: url(../img/topc_t_sodan_foot.gif);
	height: 25px;
	margin-bottom: 10px;
}


#mainblock .cate{
	background-image: url(../img/topc_t_categoli.gif);
	height: 55px;
}
#mainblock .catem{
	background-image: url(../img/topc_t_categoli_bg.gif);
	background-repeat: repeat-y;
	padding-left: 30px;
	font-size: 14px;
	color: #C09;
}
#mainblock .catef{
	background-image: url(../img/topc_t_categoli_foot.gif);
	height: 25px;
	margin-bottom: 20px;
}


#mainblock .keitai{
	background-image: url(../img/topc_t_keitai.gif);
	height: 90px;
}
#mainblock .keitaim{
	padding-left: 10px;
	font-size: 12px;
	line-height: 130%;
	margin-bottom: 20px;
}
#mainblock .keitaif{
	background-image: url(../img/topc_t_categoli_foot.gif);
	height: 25px;
	margin-bottom: 20px;
}


#mainblock .tokusyu{
	background-image: url(../img/topc_t_tokusyu.gif);
	height: 50px;
}
#mainblock .tokusyum{
	padding-left: 10px;
	font-size: 12px;
	line-height: 130%;
	margin-bottom: 20px;
}


#rightside {
	float: left;
	width: 300px;
	margin-left: 20px;
	}

#rightside .keitai{
	background-image: url(../img/topc_t_keitai_send.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 35px;
	line-height: 130%;
	margin-top: 5px;
}

#rightside .keitaim{
	line-height: 120%;
	font-size: 10px;
	margin-bottom: 15px;
}


#rightside .mailmag{
	background-image: url(../img/topr_t_mailmag.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 95px;
	line-height: 130%;
}

#rightside .mailmagm{
	background-image: url(../img/topr_t_mailmag_bg.gif);
	background-repeat: repeat-y;
	line-height: 120%;
	font-size: 10px;
}

#rightside .mailmagf{
	background-image: url(../img/topr_t_mailmag_foot.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 25px;
	line-height: 130%;
	margin-bottom: 10px;
}

#rightside .suzune{
	background-image: url(../img/topr_t_suzune.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 70px;
	line-height: 130%;
}

#rightside .suzunem{
	background-image: url(../img/topr_t_suzune_bg.gif);
	background-repeat: repeat-y;
	line-height: 150%;
	font-size: 10px;
	padding: 15px;
}


#rightside .tex270{
	font-size: 10px;
	width: 270px;
	line-height: 120%;
	margin-bottom: 15px;
}
#rightside .books{
	font-size: 10px;
	width: 270px;
	line-height: 120%;
	margin-top: 10px;
	overflow: auto;
	height: 200px;
}

#rightside .matanity{
	font-size: 10px;
	line-height: 120%;
	margin-top: 10px;
	
}


#rightside .mass{
	font-size: 10px;
	margin-bottom: 15px;
	width: 270px;
	height: 200px;
	overflow: auto;
	margin-top: 10px;
	line-height: 130%;
}

.massline{
	background-image: url(../img/topr_t_massline.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 12px;
	overflow: hidden;
}



#rightside .suzunef{
	background-image: url(../img/topr_t_suzune_foot.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 10px;
	line-height: 130%;
}




#rightside .toi{
	margin-bottom: 15px;
	line-height: 130%;
	font-size: 10px;
	text-align: center;
	margin-top: 5px;
}


#kaijyo {
	clear: both;
	float: none;
}

.clear {
	clear: both;
	float: none;
}