@charset "UTF-8";

/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

/* /////////////////////////////////////////////////////////////////////////// BaseSet */

/*li, dt, dd {display:inline;}
li img, dt img, dd img {display:block;}*/

html{
	overflow-y: scroll;
	color:#393939;
	
}

body{
	text-align:center;
	behavior:url(/common/css/csshover.htc);
}


/* ///////////////////////////////////////// anchor */

a{
	color:#4d78a0;
	text-decoration: none;
}

a:visited{
	color:#2d5070;
	text-decoration: none;
}

a:hover{
	min-height: 1em;	/* Mac Firefox */
	color:#2d5070;
	text-decoration:underline;
}

a.line{
	text-decoration:underline !important;
}

	a.line:hover{
		text-decoration:none !important;
	}

/*Win Firefox用*/
:focus{
    -moz-outline-style:none;
}
/*Mac Firefox用*/
a { outline:none;} 

/*左配置右向き_矢印*/
.ar_lr{
	background:url(img/arrow_r.gif)  no-repeat 0 50%;
	padding-left:17px;
}

/*下向き_矢印*/
.ar_b{
	background:url(img/arrow_b.gif)  no-repeat 0 50%;
	padding-left:17px;
}

/*別ウインドウアイコン*/
a.ex{
	display:inline-block;
	background: url(img/bg_icon_popup.gif) no-repeat right 0.3em;
	padding-right: 13px;
	margin-right:3px;
}


/* ///////////////////////////////////////// fontsize */

p, li, dt, dd, th, td{
	font-size:92%;
	line-height:1.5;
}

p.inner,
ul.inner li,
ol.inner li,
dl.inner dt,
dl.inner dd,
table.inner th,
table.inner td,
table.inner p{
	font-size:100%;
}


/* ///////////////////////////////////////// image */

img{
	vertical-align:bottom;
}

table th img,
table td img{
	vertical-align:middle;
}

.imgTop img{
		vertical-align:top;
	}	

/* ///////////////////////////////////////// ClearFix */

.clear{
	clear:both;
}

/* modern browsers */

.clearfix:after,
.fBox:after,
div#header:after,
div#container:after,
div#contentInner:after,
div.header:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */

.clearfix,
.fBox,
div#header,
div#container,
div#contentInner,
div.header{
	display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html .fBox,
* html div#header,
* html div#container,
* html div#contentInner,
* html div.header{
	height: 1%;
}

.clearfix,
.fBox,
div#header,
div#container,
div#contentInner,
div.header{
	display: block;
}


/* /////////////////////////////////////////////////////////////////////////// float style */

.fr{
	float:right !important;
}

.fl{
	float:left !important;
}

ul.fBox li{
	float:left;
	display:inline;
}

.fnone{
	float:none !important;
	display:block;
	width:99%;
}

/* /////////////////////////////////////////////////////////////////////////// font style */

.txtImportant{
	color:#ed1a3d;
}

.txtMiddle{
}

.txtSmall{
	font-size:83% !important;
}
.txtDefault{
	font-size:93% !important;
}
.txtLarge{
	font-size:107% !important;
}
.txtExLarge{
	font-size:122% !important;
}

/* 注釈 - ※数字： */

.txtBold,
.bold,
ul.bold li{
	font-weight:bold !important;
}

.txtInner{
	font-size:100%;
}

.txtIndent{
	text-indent:-1em;
	margin-left:1em;
}

.txtCaution{
	background:url(img/bg_icon_caution.gif)  no-repeat 0 top;
	padding-left:1.7em;
	text-indent:0em;
	color:#ff0000;
}
.txtCaution-s{
	background:url(img/bg_icon_caution.gif)  no-repeat 0 top;
	background-size:14px 14px;
	padding-left:1.7em;
	text-indent:0em;
	color:#ff0000;
}

.red{
	color:#ff0000;
}

.note {
	padding-left:1em;
	text-indent:-0.8em;
}

.must {
	font-size:122% !important;
	color:#ff0000;
}

/* 本文 padding:5px */
.txt {
	padding:0 5px;
}


/* /////////////////////////////////////////////////////////////////////////// lineheight style */

.lh14{
	line-height:1.43 !important;
}

.lh15,
ul.lh15 li{
	line-height:1.5 !important;
}

/* /////////////////////////////////////////////////////////////////////////// icon style */

.pdf{
		margin:-2px 3px 0px 0 ;
		/margin:-2px 3px 0px 0 ;
	}
	
	*:first-child+html .pdf{
		margin:0px 3px 5px 0 ;
	}
	
	*html .pdf{
		margin:0px 3px 2px 0 ;
	}

ul.list01 li,
dl.list01 dd,
p.list01{
	background:url(img/icon_list01.gif) no-repeat left 0.5em;
	padding-left:10px;
}
	
/* /////////////////////////////////////////////////////////////////////////// table style */

.nowrap{
	white-space:nowrap;
}

/* ストライプ */

table.stripe tr.odd td{
	background-color:#f5f7f8;
}

/* /////////////////////////////////////////////////////////////////////////// dl style */

	
/* /////////////////////////////////////////////////////////////////////////// line style */


/* /////////////////////////////////////////////////////////////////////////// corner style */


/* /////////////////////////////////////////////////////////////////////////// h1-h6 style */

h2.mainTtl{

	margin-bottom:30px;
}

div#mainTtl h2{
	margin-bottom:30px;
}

div#mainTtl h3{
	position:absolute;
	top:51px;
	right:16px;
}

h3.sttl_h3{
	background:url(img/bg_sttl_h3.gif) repeat-x left top;
	padding:20px 5px 17px;
	color:#63676d;
	font-size:122%;
	font-weight:bold; 
}

h4.sttl_h4{
	background:#ecf0f2;
	border-top:2px solid #c8ced8;
	padding:10px 5px;
	margin-bottom:10px;
	color:#63676d;
	font-weight:bold; 
}

h5.sttl_h5{
	background:#a9b3bd;
	border-bottom:1px solid #fff;
	padding:5px 5px 3px;
	color:#fff; 
}


/* /////////////////////////////////////////////////////////////////////////// ul style */
ul.mark_sq li{	
	background:url(img/bg_icon_square.gif) no-repeat left 0.2em;
	padding-left:16px;
}

ul.bg_ln01 li{	
	background:url(img/bg_dotln01.gif) repeat-x left bottom;
	padding:15px 0;
}

ul.bg_ln01 li li{	
	background:none;
}



/* /////////////////////////////////////////////////////////////////////////// ol style */
ol.numb { margin-left:2em; }
ol.numb li {
	position: relative;
	list-style: none;
	margin-bottom: 0.3em;
}
ol.numb li span {
	position: absolute;
	top: 0;
	left: -1.9em;
}
* html ol.numb li span { top: -0.1em; } /* for win ie6 */
*:first-child+html ol.numb li span { top: -0.1em; } /* for win ie7 */

/* /////////////////////////////////////////////////////////////////////////// margin style */

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt60{margin-top:60px !important;}


.mb0{margin-bottom:0px !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}

.pr20{padding-right:20px!important; }
.pd30{padding-top:30px !important;}
.p19{padding:19px !important;}
.plrt19{padding:19px 19px 0px 19px !important;}
.plr19{padding:0 19px !important;}

.pl1em{
	padding-left:1em;
}

.pt60 { padding-top:60px !important;}

.none{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
}

/* /////////////////////////////////////////////////////////////////////////// box style */

.frBaige_3px{
	background-color:#fbf4e8;	
	border-top:3px solid #d8d8d8;
	border-bottom:3px solid #d8d8d8;		
}

.frGray_2px{
	border:2px solid #d8d8d8;
	padding:10px;	
}

.bgGray {
	background:#f5f7f8;
	padding:5px;
}

/* /////////////////////////////////////////////////////////////////////////// label style */

.selectbox {
	 height: 1.6em;
}

/*IE7以下用ハック*/
*:first-child+html .selectbox, *html .selectbox {
	 height: 1.7em;
}

input:hover, textarea:hover {
	background:#EFF4F7 none repeat scroll 0 0;
	border:1px solid #B9C7D0;
}

input, textarea, select, input.file {
	border:1px solid #B0B0B0;
	color:#7F7F7F;
}

input{
	padding:0.25em;
}
 
input.image,
input.default,
input.image:hover,
input.default:hover{
	border:none;
	height:auto;
	padding:0;
	vertical-align:middle;
}
input.image:hover,
input.default:hover{
	background:none;
}

input.checkbox,  
input.radio{  
  margin-right:5px 
} 
	
input.size01{ width:110px; }
input.size02{ width:285px; }
input.size03{ width:320px; }
input.size04{ width:100%;}		
	 
label{
	vertical-align:middle;
}

select {
	min-width:2em;
}

select.selectList {
	margin:0 5px 0 5px;
}

input[type="radio"],
input[type="checkbox"] {
	border:none !important;
	height:auto !important;
	padding:0;
	vertical-align:middle;
}


/* /////////////////////////////////////////////////////////////////////////// form style */


/* /////////////////////////////////////////////////////////////////////////// all clear */

.first,
.last{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
}

.bgNone{
	background:none !important;
	border:none !important;
}

.inner,
ul.inner li,
dl.inner dt,
dl.inner dd{
	font-size:100% !important;
}

/* /////////////////////////////////////////////////////////////////////////// position */

.alignRight{
	text-align:right !important;
}

.alignRightMr{
	text-align:right !important;
	margin-right:40px;
}

.alignCenter{
	text-align:center !important;
}

	table.alignCenter th,
	table.alignCenter td{
		text-align:center;
	}
	
.alignLeft{
	text-align:left !important;
}

/* /////////////////////////////////////////////////////////////////////////// PNG for IE6 */

/** html img, div, p {
behavior: url(/common/css/iepngfix.htc);
}

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}*/


/* ///////////////// twitter height ///////////////// */		

#subNav iframe{
	height:720px !important;
}