@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:Verdana, Helvetica, sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

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

li{
	list-style-type:none;
	margin-bottom:3px;
	line-height:1.5;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

h2{
	padding-top: 2px;
	padding-left: 30px;
	color: #3088be;
}

h3{
	padding-top: 15px;
	padding-left: 20px;
	padding-bottom:10px;
	color: #3088be;
	width:410px;
}

h3.red{
	color: #d64e52;
	font-weight:bold;
}

p{
	line-height:1.5;
	margin:0;
	padding-top: 40px;
	padding-left: 30px;
	padding-bottom:3px;
	font-size:14px;
	color: #999999;
	border-bottom: 0px;
}	
p.img{
	margin:0;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom:5px;
	border:0px;
}


p.text{
	margin: 0;
	padding: 0;
	padding-left: 30px;
	padding-bottom: 10px;
	width: 395px;
	color: #012b45;
}

p.text a{
	color:#d64e52;
	text-decoration:underline;
}
p span.red{
	color: #d64e52;
	font-weight:bold;
}



/* ========TEMPLATE LAYOUT======== */
div#top {
   width:900px;
   margin:0 auto;
   background:#fff;
   padding-top:0px;
}

div#header {
   width:900px;
   margin-bottom:20px;
   height:110px;
}

div#header p.logo-left{
   float:left;
}


div#menu {
   width:900px;
   margin-bottom:5px;
   clear:left;
}

div#contents {
   clear:both;
   width:915px;
   min-height:930px;
}

div#under {
   clear:both;
   width:915px;
   min-height:520px;
	margin:0px;
	padding:0px;
}


div#under-center p.up,div#under-center p.down,div.under-right p.up{
	margin:0px;
	padding:0px;
}

/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */
div#header h1 a {
   color:#000;
}

div#header h1 a:hover {
   color:#535D57;
}

div#header p.logo-right {
   padding-left:10px;
}

/* ========MENU CUSTOMIZE======== */
div#menu ul {
   margin:0;
   padding:0;
}

div#menu li {
   float:left;
   list-style-type:none;
   padding:5px 0;
   padding-right:4px;
}

div#menu li a{
   display:block;
   margin-right:1px;
}


/* 回り込み解除 */
div#menu ul:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */

div#head{
	width:915px;
	height:340px;

}

div#whatshot{
	width:220px;
	height:295px;
	margin-left:0px;
	margin-right:0px;
	padding-top:50px;
	float:left;
	background-image: url(images/image_22.jpg) ;
	background-repeat:no-repeat;
	padding-left:5px;
}

div#graph{
	float:left;
	width:446px;
	height:295px;
	margin-left:0px;
	background-image: url(images/image_23.jpg) ;
	background-repeat:no-repeat;
	padding-top:50px;
	padding-left:6px;
}


div#popular{
	float:left;
	width:220px;
	height:295px;
	margin-left:0px;
	margin-right:4px;
	padding-top:50px;
	padding-left:5px;
	float:left;
	background-image: url(images/image_25.jpg) ;
	background-repeat:no-repeat;
}


div#head-left div#whatsnew p{
	line-height:1.3;
	margin: 3px 5px;
	padding-bottom:3px;
	border-bottom: 1px dotted #7a7160;
	font-size:14px;
	color: #999999;
}



div#haika-center,div#haika-center-video{
	width:444px;
	min-height:910px;
	background: #f7f5f5 ;
	border: 1px solid #9c9b9b;
	margin-right:5px;
}


/* ========under-content CUSTOMIZE======== */

div#under-content{
	width:900px;
}

div#under-left{
	width:220px;
	height:560px;
	margin-left:0px;
	margin-right:4px;
	float:left;
}

div#under-left ul{
	padding:0px;
	margin:0px;
}
div#under-left p{
	line-height:1.3;
	margin: 3px 5px;
	padding-bottom:3px;
	font-size:14px;
	color: #999999;
}

div#under-left p span.red{
	color: red;
	font-weight:bold;
}


div#under-center{
	width:446px;
	min-height:220px;
	float:left;
	margin-right:5px;
	margin-bottom:15px;
	background-image: url(images/image_35.jpg) ;
}

div.under-right{
	width:220px;
	float:left;
	background-image: url(images/image_33.jpg) ;
	
}



/* ========sub CONTENTS CUSTOMIZE======== */
div#head-content div.under-right {
	height:auto;
	min-height:448px;
	background-image: url(images/image_25.jpg) ;
	background-repeat:no-repeat;
	width:220px;
	padding-top:130px;
}

div#head-left ul{
	margin:0;
	padding:0;
	font-size:12px;
}


div.under-right ul,div#under-center ul{
	margin:0;
	padding:0;
	font-size:14px;
}

div.under-right ul li{
	margin-left:1em;
	color:#31428c;
	width:200px;
}

div.under-right ul li a{
	color:#cf1448;
	text-decoration:underline;
}

div.under-right ul li.text{
	margin-top:10px;
	margin-bottom:0px;
	margin-left:1em;
	font-size:14px;
}


div#haika-center-video ul{
	margin:0;
	padding:0;
	font-size:12px;
}

div#haika-center-video ul li{
	margin-left:2em;
	color:#;
	width:410px;
}

div#haika-center-video ul li a{
	color:#56732c;
	text-decoration:underline;
}

div#haika-center-video ul li.text{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:1em;
	font-size:12px;
}

div#show p.text{
	padding-left:10px;
	font-size:11px;
}

/* ========YAHOO 関連検索======== */

p.related{
	padding-top:0px;
	padding-bottom:10px;
	width:400px;
	line-height:1.3;
}

p.related a:hover{
	text-decoration:underline;
}

span.sample1 a{
	font-size:230%;
	color: #FF00FF; 
}
span.sample2 a{
	font-size:130%;
	color: #66CCFF; 
}
span.sample3 a{
	font-size:160%;
	color: #99FF00; 
}
span.sample4 a{
	font-size:190%;
	color: #FF6600; 
}
span.sample5 a{
	font-size:110%;
	color: #999999; 
}
span.sample6 a{
	font-size:170%;
	color: #FF0000; 
}
span.sample7 a{
	font-size:150%;
	color: #0099FF; 
}
span.sample8 a{
	font-size:180%;
	color: #33CC00; 
}
span.sample9 a{
	font-size:140%;
	color: #9900FF; 
}
span.sample10 a{
	font-size:210%;
	color: #FFCC00; 
}



/* ========FOOTER CUSTOMIZE======== */
div#footer {
   position:relative;
   clear:both;
   width:900px;
   border:1px dotted #999999;
   height:1px;
}


address{
   padding:3px 0;
   font-size:0.63em;
   color:#333;
   clear:both;
   text-align:center;
}

/* ========FOOTER CUSTOMIZE======== */
#ad,#ad2 {
	 color: #F4FCFF;
	 background-color::#FFFF90;
	 font-size:12px;
	 padding:5px 5px 0 5px
}
#ad a:visited{
	 color:#3300CC;
}
#ad a{
	 text-decoration:underline;
	 color:#3300CC;
}
#ad:hover {
	 color: #F4FCFF;
	 background-color: #FFFFEC;
}
#ad p,#ad2 p{
   color:#000000;
   margin:5px 5px 5px 0;
   padding:0 0 5px 0;
}
        
#adbox{
   width: 220px;
   margin-top:10px;
}

#adbox{
   color: #F4FCFF;
   background-color: #F4FCFF;
}