@charset "shift_jis";

/************************************************************
 * default
 ************************************************************/
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 , h5, h6, th ,td ,select { margin: 0; padding: 0;}
img { border: none; *vertical-align: top;}
body, input, select, textarea, table { color: #333; line-height: 1.6;}
ul, ol { list-style: none;}
.cFix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.cFix { min-height: 1px; _height: 1px; }
body, input, select, textarea, th, td, li ,a { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}
.iMG { display: block; text-indent: -9999px; text-decoration: none; outline: none;}
.ap:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6;}
.hdn { font-size: 0; line-height: 0; text-indent: -9999px;}

/************************************************************
 * anchor
 ************************************************************/
a:link			{ color: #333;}
a:visited		{ color: #333; text-decoration: none;}
a:hover			{ color: #4968da;}

/************************************************************
 * mainCnts
 ************************************************************/
html								{ overflow-y: scroll; height: 100%; margin: 0; padding:0;}
body								{ text-align: center;}
#contents							{ margin:10px auto 0; width: 950px; text-align: left;}
#mainBox							{ float: left; width: 695px; font-size: 13px;}
#sideBox							{ float: right; width: 230px; font-size: 12px;}

/************************************************************
 * header
 ************************************************************/
/*#header								{ position: relative; margin: 0 auto; width: 950px; height: 61px;}
#header h1, #header p, #header ul	{ position: absolute;}
#header h1							{ top: 8px; left: 0;}
#header p							{ top: 25px; left: 215px;}
#header ul							{ top: 14px; right: 0; width: 490px; height: 19px;}
#header li							{ float: right; margin-right:7px;}
#header .hl1						{ width: 155px;}
#header .hl2						{ width: 147px;}
#header .hl3						{ width: 102px;}
#header .hl4 						{ width: 83px;}*/
/*#header li a						{ height: 19px; background-image: url(../imgs/top/header_04.png); background-repeat: no-repeat;}
*//*#header .hl1 a						{ width: 155px; background-position: 0 0;}
#header .hl2 a						{ width: 146px; background-position: -155px 0;}
#header .hl3 a						{ width: 101px; background-position: -301px 0 ;}
#header .hl4 a						{ width: 83px; background-position: -403px 0 ;}*/
/************************************************************
 * megaBanner1
 ************************************************************/
#topBnrArea                         {margin: 5px auto 0;width:950px;}
#megaBanner							{ position: relative;  width: 633px; height: 296px;z-index:1;float:left;}
#megaBanner h2						{ width: 950px; height: 296px; background: url(../imgs/top/megaBanner.jpg) 0 0 no-repeat;}
#megaBanner p						{ position: absolute; top: 8px; left: 675px;}
#megaBanner p a						{ width: 256px; height: 202px;}
.channelArea                        {float:right;width:307px;}
/*.channelArea img:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7;}*/
/************************************************************
 * selectBox
 ************************************************************/
/*2012.04 修正*/

#selectBox							{ margin: 12px auto 0; width: 962px; height: 198px; position: relative; left: 6px;}
#selectBox p						{ width: 310px; height: 130px; float: left; display: block; margin-right: 10px;}

#selectBox ul{
	background:#fff;
	z-index:200;
}
#selectBox li{
	float:left;
	margin-right:10px;s
}
.new{
	margin-right:8px;
}


#selectArea{
margin:10px auto 0;
padding-left:9px;
width: 962px;
}
#selectArea ul{
background:url(../img/top/bg_selectArea.png) no-repeat;
overflow:hidden;
padding-top:4px;
padding-left:5px;
padding-bottom:4px;
height:196px;
}
#selectArea ul li{
float:left;}

/************************************************************
 * mds
 ************************************************************/
.h3_mds1, .h3_mds2, .h3_mds3, .h3_mds4	{ border-bottom: 3px solid #01419b; width: 695px; height: 46px; background-image: url(../imgs/top/mds_h3.png); background-repeat: no-repeat;}
#mainBox .h3_mds1					{ background-position: 0 0;}
#mainBox .h3_mds2					{ background-position: 0 -46px;}
#mainBox .h3_mds3					{ background-position: 0 -92px;}
#mainBox .h3_mds4					{ background-position: 0 -138px;}
.mdsP1								{ width: 554px; height: 56px; background: url(../imgs/top/mdsP_1.png) 0 0 no-repeat;}
.mdsP2								{ width: 554px; height: 26px; background: url(../imgs/top/mdsP_2.png) 0 0 no-repeat;}

/************************************************************
 * frame
 ************************************************************/
.frame1								{ position: relative; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 15px 20px; width: 653px; background: url(../imgs/top/frame1_01.png) 0 0 repeat;}

/************************************************************
 * contents
 ************************************************************/
.mediaList							{ margin-top: 10px;}
.mediaList li						{ margin-left: 20px; _width: 633px; list-style-type: disc;}
.mediaList li span					{ margin-right: 5px; font-weight: 700;}
.img01								{ position: absolute; bottom: 9px; right: 11px;}
.p_merit							{ margin-top: 10px; width: 653px; height: 121px; background: url(../imgs/top/img_02.png) 0 0 no-repeat;}
.actual li							{ width: 653px; background-image: url(../imgs/top/img_03.png); background-repeat: no-repeat;}
.atl1								{ height: 61px; background-position: 0 0;}
.atl2								{ height: 61px; background-position: 0 -61px;}
.atl3								{ height: 59px; background-position: 0 -122px;}

/************************************************************
 * apply
 ************************************************************/
/*.apply								{ padding: 68px 18px 0; width: 659px; height: 114px; background: url(../imgs/top/apply_01.png) 0 0 no-repeat;}
.apply ul							{ width: 659px; height: 89px;}
.apply li							{ width: 325px; height: 89px;}
.apply li a							{ width: 325px; height: 89px; background-image: url(../imgs/top/apply_02.jpg); background-repeat: no-repeat;}
.apply .sB1							{ float: left;}
.apply .sB2							{ float: right;}
.apply .sB1 a						{ background-position: left top;}
.apply .sB2 a						{ background-position: left bottom;}*/

/*2012.04 変更*/

.apply								{ padding: 68px 18px 0; width: 659px; height: 114px; background: url(../imgs/top/apply_01b.png) 0 0 no-repeat;}
.apply ul							{ width: 673px; height: 89px; overflow: hidden;}
.apply li							{ width: 218px; height: 89px; float: left; margin-right: 5px; overflow:hidden;}

.apply a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/************************************************************
 * shien
 ************************************************************/
.shien								 {
    background: url("../imgs/top/shien_04.png") no-repeat scroll 0 0 transparent;
    line-height: 1.5;
    padding:20px 0 0 25px ;
    position: relative;
    width: 685px;
}
.shien h4							{ }
.shien .sug							{ position: absolute; top: 23px; right: 38px;}

/************************************************************
 * sideBox
 ************************************************************/
.p_cm								{ width: 220px;}
.sidettl							{ width: 220px; height: 33px; background-image: url(../imgs/side/side_ttl.png); background-repeat: no-repeat;}
.st1								{ background-position: 0 0;}
.st2								{ background-position: 0 -33px;}
.st3								{ background-position: 0 -66px;}
.sideFrame							{ width: 220px;}
.sideFrame a, .sideFrame div		{ display: block; border: 1px solid #d6d6d6; padding: 8px  10px 9px 10px; width: 198px; line-height: 16px; text-decoration: none;}
.sideFrame .a_tatsujin				{ margin-top: 6px;}
.sideFrame a span, .sideFrame div span	{ display: block;}
.sFL								{ float: left; width: 115px;}
.sFR								{ float: right; width: 73px;}
.infoBox							{ width: 220px;}
.infoBox dt							{ padding: 6px 8px 0; font-weight: 700;}
.infoBox dd							{ border-bottom: 1px dotted #ccc; padding: 0 8px 9px; line-height: 16px;}
.infoBox dd a:hover					{ text-decoration: none;}
.infoBox02{background:url(../img/top/bg_infobox.gif);
height:180px;
width:710px;
margin-bottom:10px;
}
.infoBox02Inner{width:707px;height:177px;overflow-y:scroll;}

.sideFrameArea{
width:228px;
border: 1px solid #e7e7e7;}	

.sideFrameArea .ttl{
color: #292f33;
font-weight:bold;
font-size:14px;
padding:5px;
}
.introArea{
border-top:1px solid #e7e7e7;
padding:5px 5px 5px 7px;
}
.introArea .txt{
float:left;
width:114px;
line-height:1.5;
}
.introArea .txt span{
font-weight:bold;}
.introArea .img{
float:right;
}
.introArea a:hover{
text-decoration:none;
color:#333;
	opacity:0.8;
	filter: alpha(opacity=80);
}
.introArea a .txt span{
color:#3b5998;
text-decoration:underline;
font-size:13px;}
.introArea a .txt span:hover{
text-decoration:none;
}
.introArea a .img:hover{

}
/************************************************************
 * subFooter
 ************************************************************/
#subFooter							{ margin-top: 50px; border-top: 1px solid #dfecff; padding-top: 1px;}
#subFooter .inner					{ padding-top: 18px; padding-bottom: 32px; background-color: #dfecff;}
#subFooter li						{ position: relative; display: inline; font-size: 12px;}
#subFooter li a						{ color: #1e3a9d;}
#subFooter li a:hover				{ color: #6a7fcc; text-decoration: none;}
#subFooter li img					{ margin-left: 5px; margin-right: 5px; border: 1px solid #dfdfdf;}
#subFooter .txt						{ margin-left: 10px; position: relative; top: -15px; _top: 0;}

/************************************************************
 * footer
 ************************************************************/
#footer								{ padding-top: 15px; font-size: 12px;; background-color: #00347f;}
#footer li							{ display: inline; color: #fff;}
#footer li a						{ color: #fff;}
#footer li a:hover					{ color: #b3c2d9; text-decoration: none;}

/************************************************************
 * copyright
 ************************************************************/
#copyright							{ padding: 10px 0; text-align: center; font-size: 10px; color: #fff; background-color: #00347f;}

/************************************************************
 * hold
 ************************************************************/
.mT3		{ margin-top: 3px;}
.mT5		{ margin-top: 5px;}
.mT6		{ margin-top: 6px;}
.mT10		{ margin-top: 10px;}
.mT12		{ margin-top: 12px;}
.mT15		{ margin-top: 15px;}
.mT20		{ margin-top: 20px;}
.mT30		{ margin-top: 30px;}
.pT10		{ padding-top: 10px;}
.pT30		{ padding-top: 30px;}
.pL8		{ padding-left: 8px;}
.taR		{ text-align: right;}
.w435		{ width: 435px;}

/************************************************************
 * font
 ************************************************************/
.fs12		{ font-size: 12px;}
.bld		{ font-weight: 700;}

/************************************************************
 * etc
 ************************************************************/
.pr			{ position: relative;}

/************************************************************
 * twitter widget, social-button
 ************************************************************/
#twtr-widget-1 .twtr-hd h3	{ font-size: 13px !important; font-weight: 700 !important;}
.twtr-tweet-text p			{ font-size: 13px !important;}
.twtr-tweet-text p em		{ font-size: 10px !important;}
.twtr-new-results			{ text-align: left !important;}
#google_plusone				{ float:left; left: auto;}
#facebook_like				{ float:right; right: auto;}
#twitterpx;
					{ float: left; left: auto;}
#twitterBtn					{ margin-right: -19px; float: right; right:auto;}
#hatena						{ float: left; width: 30px;}


.keisoku_btn a:hover{opacity:0.8;}


#mainBox .date {
	color: blue;
	margin: 0 15px 0 0;
	float:left;
}

.content_text:first-child {
	padding: 20px 0 0 20px;
	
}

.content_text {
	padding: 2px 15px 0  20px;
	margin-bottom:3px;

}
#mainBox .wrap{
	width:710px;
}
#mainBox span{
	display:block;
}
#mainBox .topics {
    margin-left: 99px;
    text-indent: -0.1em;
}
#mediaContents{
	width:349px;
	float:left;
	background: url("../imgs/top/mediacontents_bg.png")  repeat-x 0 0;
	margin-right:10px;
}
#shintyakuContents{
	width:349px;
	background: url("../imgs/top/mediacontents_bg.png")  repeat-x 0 0;
	float:right;
}
.ttlarea {
	padding-top:15px;
	margin-bottom:4px;
/*	width:365px;*/
	height:30px;
	padding-left:23px;
}
.ttlarea h4{
	float:left;
}
.ttlarea .infobtn{
    margin-left: 224px;
}
.msgbox:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.msgbox{
	margin-top:10px;
/*	background:url(../imgs/top/frame1_01.png) ;*/
	width:657px;
	overflow:hidden;
}
.msgbox .photo{
	float:left;
	width:185px;
/*	padding:10px 0 0 10px;*/
}
.msgbox .txt{
	float:right;
	width:472px;
}
.msgbox span{
	display:block;
	font-size:11px;
	background:#dfecff;
	padding:5px;
}

#fb-root #slider{
	z-index:1;
}

#globalNavi{
	z-index:1000;}

.top_event{
background:#e5e5e5;
width:680px;
padding:15px;
margin-top:10px;
}
.top_event_inner{
background:#fff;
padding:15px 15px 15px 17px;
}
.top_event_inner_info{
width:350px;
float:left;
margin-right:14px;
}
.top_event_inner_info h4{
margin:2px 0 5px 0;
}
.top_event_inner_info .sub_ttl{
margin-bottom:3px;
}
.top_event_inner_info .top_link{
margin-top:5px;
text-align:right;
}

.msgbox_info{
float:right;
width:470px;
}

.channelArea img:hover{
opacity:0.8;
filter: alpha(opacity=80);
}

#header02 .btn_area02{
width:321px;
position:absolute;
top:15px;
right:51px;
text-align:left;
padding-left:1px;
height:47px;}

#header02 .btn_area02 .txt{
margin-right:5px;
}
#header02 .btn_area02 p{
float:left;}

#header02{
background:url(../img/top/header_dog.gif) right bottom no-repeat;
}
#header02 ul.head_link	{ 
top: 18px; left: 318px;min-width:200px; }
#header02 .head_link li	{ float: left;margin-right:7px;line-height: 1.3;}