@charset "UTF-8";

/* ***********************************************************
*
* Since:     2012-06-21
* Editor:    contents
* Modified:  2012-06-21
*
* ***********************************************************
*/



/* font-size===========================================

10px font-size: 83.4%;
11px font-size: 91.7%
12px font-size: 100%
13px font-size: 108.4%
14px font-size: 116.7%
15px font-size: 125%
16px font-size: 133.4%
17px font-size: 141.7%
18px font-size: 150%
19px font-size: 158.4%
20px font-size: 166.7%
21px font-size: 175%
22px font-size: 183.4%
23px font-size: 191.7%
24px font-size: 200%
25px font-size: 208.4%
26px font-size: 217%

===================================================== */


/* common
++++++++++++++++++++++++++++ */

::selection {
background:#FFCC00;
color:#000;
}
::-moz-selection { /*Firefox*/
     background:#FFCC00;
     color:#000;
}


/* link alpha */
.hNavArea a:hover img,
.bnrList a:hover img{
     filter: alpha(opacity=80);   /* for IE */ 
     -moz-opacity:0.8;      /* for Firefox,Netscape */ 
     opacity:0.8;      /* for Opera,Safari */ 
}

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



/* header
++++++++++++++++++++++++++++ */
#header{
	width:920px;
	margin:0 auto 45px;
	font-size:0;
	line-height:0;
	background:url(../common/body_bg_slice.jpg) 0 100% repeat-x;
	padding:20px 5px 0;
	border-bottom:1px solid #FFF;
	position:relative;
}
#header h1{
	float:left;
	margin:0px auto 20px;
}
/*.fr*/
#top.fr #header h1{
	/padding:0 0 20px 0;
}




#header ul{
	margin-top:5px;
}

#header ul li{
	margin-bottom:20px;	
}

/*.fr*/
#top.fr #header ul li{
	margin-bottom:0px;	
}

#header ul.lang{
	margin-top:5px;
	position:absolute;
	right:8px;
	bottom:-62px;

	/bottom:-42px;

}

/*.fr*/
#top.fr #header ul.lang{
	margin-top:5px;
	position:absolute;
	right:8px;
	bottom:-42px;

}

#header ul.lang li{
	float:left;
}





/* container
++++++++++++++++++++++++++++ */
#container{
	width:920px;
	margin:10px auto 50px;
}

#container div.newsBox{
	position:relative;
 	background:url(../common/box_mid_bk.jpg) 0 0 repeat-y #FFF;
}
#container div.newsBox dl{
	background:url(../common/box_top_bk.jpg) no-repeat 0 100%;

}
#container div.newsBox dl dt{
	background:url(../common/box_top_bk.jpg) no-repeat 0 0;
	padding:14px 20px 0;
	width:920px;
	margin:0 auto;
}
	*html #container div.newsBox dl dt{
		padding:14px 20px 0;
		width:880px;
	}


#container div.newsBox dl dd{
	padding:12px 0 12px;
	width:870px;
	margin:0 auto;
	font-size: 116.7%;
	border-bottom:1px dotted #333;
}
#container div.newsBox dl dd span.square{
	font-size: 83.4%;
	padding-right:10px;
}


#container div.newsBox ul.snsBtn{
	position:absolute;
	right:0px;
	top:20px;
	
}

#container div.newsBox ul.snsBtn li{
	float:left;	
	padding-left:8px;
		
}

/*con01*/


#container div.con01{
	margin:20px auto;
 	background:url(../common/box_mid_bk.jpg) 0 0 repeat-y #FFF;
	
}
#container div.con01 div.con01Inner{
	margin:0 0px 0 0;
 	background:url(../img/con01_bg.jpg) 99% 0 no-repeat;
	position:relative;

}
/* .fr */
#top.fr #container div.con01 div.con01Inner{
	margin:0 0px 0 0;
 	background:url(../img/fr/con01_bg.jpg) 99% 0 no-repeat;
	position:relative;

}


#container div.con01 dl{
	background:url(../common/box_top_bk.jpg) no-repeat 0 100%;
	padding-bottom:10px;
}
#container div.con01 dl dt{
	background:url(../common/box_top_bk.jpg) no-repeat 0 0;
	padding:10px;
}
#container div.con01 dl dd{
	padding:10px 10px 0px 10px;
}
#container div.con01 dl dd.bnr{
	padding:10px 2px 0 2px;
}

#container div.con01 div.nekomimi{
	width:380px;
}


#container div.con01 div.nekomimi img{
	position:absolute;
	left:778px;
	top:267px;
	z-index:2;	
}


/* .fr */
#top.fr #container div.con01 div.nekomimi img{
	position:absolute;
	left:778px;
	top:360px;
}


#container div.con01 div.nekomimi p.txt{
	width:225px;
	background:url(../img/bk_bg.png) 0 0 repeat;
	color:#FFF;
	z-index:1;	
	padding:10px 25px 10px 15px;
	line-height:1.8;
	position:absolute;
	left:536px;
	top:315px;	
}
	*html #container div.con01 div.nekomimi p.txt{
		background:#333;
	
	}


/* .fr */
#top.fr #container div.con01 div.nekomimi p.txt{
	background:url(../img/bk_bg.png) 0 0 repeat;
	position:absolute;
	left:536px;
	top:360px;
}
	*html #top.fr #container div.con01 div.nekomimi p.txt{
		background:#333;
	
	}



/*contBox*/

.contBox{
	width:920px;
}
.contBox:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.contBox{
display:inline-block;
}
* html .contBox{
height:1%;
}
.contBox{
display:block;
}


/*con02*/
#container div.conL{
	width:400px;
	margin-right:20px;
}
#container div.con02{
	width:400px;
	margin:0px auto 20px;
 	background:url(../common/box_mid_ppl.jpg) 0 0 repeat-y #FFF;
	
}
#container div.con02 div.con02Inner{
	margin:0 0px 0 0;
 	background:url(../img/con02_img.jpg) 185px 10px no-repeat;

}

#container div.con02 {

}
#container div.con02 dl{
	background:url(../common/box_top_ppl.jpg) no-repeat 0 100%;
	padding-bottom:10px;
}
#container div.con02 dl dt{
	background:url(../common/box_top_ppl.jpg) no-repeat 0 0;
	padding:10px 10px 3px;
}

#container div.con02 dl dt.txt{
	background:none;
	padding:14px 10px 0px;
	font-weight:bold;
	font-size: 125%;
}
/*.fr*/
#top.fr #container div.con02 dl dt{
	background:url(../common/box_top_ppl.jpg) no-repeat 0 0;
	padding:25px 10px;
}
#top.fr #container div.con02 dl dt.txt{
	background:none;
	padding:14px 10px 0px;
}

#container div.con02 dl dd{
	padding:10px 10px 0px 10px;
}



/*con03*/

#container div.con03{
	width:500px;
	margin:0px auto;
 	background:url(../common/box_mid_bk_500.jpg) 0 0 repeat-y #FFF;
	
}
#container div.con03 div.con03Inner{
	margin:0 0px 0 0;
 	background:url(../common/box_top_bk_500.jpg) 0 100% no-repeat;

}
#container div.con03 div.con03Inner dl{
	margin:0 0px 0 0;
 	background:url(../common/box_top_bk_500.jpg) 0 0 no-repeat;

}
#container div.con03 div.con03Inner dt{
	float:left;
	padding:10px 15px;
	width:130px;
}
#container div.con03 div.con03Inner dd{
	padding:12px 10px 12px 10px;
	font-size: 116.7%;
}
#container div.con03 div.con03Inner div#seo119{
}
#container div.con03 div.con03Inner div#twitter_view{
	margin-bottom:18px;
}





/* footer
++++++++++++++++++++++++++++ */
#footer{
	background:url(../common/body_bg_slice.jpg) 0 0 repeat-x;
	height: auto !important;
		border-top:1px solid #FFF;
}
.footer_inner{
	width:920px;
	margin:0 auto;
	padding:18px 0;
	color:#FFF;
	
	position:relative;
}
.footer_inner p.pagtop{
	text-align:right;
	position:absolute;
	right:5px;
	top:-36px;
}


.footer_inner ul.f_link{
	width:580px;
	margin:0 auto;
	padding:0;
	float:left;
	
}
.footer_inner ul.f_link li{
	float:left;
	border-left:4px solid #FFF;
	padding:0 10px;
	margin-right:20px;
	
}
.footer_inner ul.f_link li a{
	color:#333;
	font-size: 91.7%;
	text-decoration:underline;
	
}
.footer_inner ul.f_link li a:hover{
	color:#333;
	text-decoration:none;	
}



.footer_inner .copy{
	float:right;
	text-align:center;
	color:#333;
	padding:0;
	margin:0;
	font-size:85%;
}