@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	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	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#003399;
}
a:visited{
	color:#003399;
}
a:hover{
	color:#FB8728;
}
a:active{
	color:#FB8728;
}

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

html{
    height:100%;
}

body{
    height:100%;	
}

#container{
	margin:0 auto;
	position:relative;
    height:100%;
	min-height: 100%;
}

body > #container {height: auto;}

p,li{font-size: 92%;}


/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */

#header-area{
	position:relative;
	background:url(../img/common/head_bg.jpg) no-repeat center top;
	height: 57px;
}

.head_in{
	width: 940px;
	margin: 0 auto;
}

img.sitelogo{margin:18px 0 0 20px; display: inline;}
img.tel{margin:13px 30px 0 0px; display: inline;}


ul.header-utility li{
	background:url(../img/common/icon_a.gif) no-repeat left center;
	padding: 0 0 0 20px;
	margin: 20px 15px 0 0px;
	font-size: 77%;
}

.globalmenu{
	background:url(../img/common/mainmenu_bg.jpg) repeat-x left top;
	height: 45px;
}

.globalmenu ul{
	width: 901px;
	margin: 0 auto;
	padding: 0px;
	text-align:center;
	height: 45px;
	overflow:hidden;
}

.globalmenu li{
	display: inline;
	border: 0px solid #333;
}


/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
	border: 0px solid #390;
	width: 900px;
	padding: 28px 0 0 0;
	margin: 0 auto;
    padding-bottom:100px;
}

#contents-area .sitepath{
	font-size:77%;
	padding:5px;
	margin:0;
}

#contents-area .sitepath a:link,
#contents-area .sitepath a:visited{
	color:#333;
}
#contents-area .sitepath a:hover,
#contents-area .sitepath a:active{
	color:#666;
}


/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */

#submenu-area{
	width:230px;
	float:right;
	border: 0px solid #000099;
}

#submenu-area .submenu{
	margin:0 0 10px 0;
}

.submenu-title{
	margin:0;	
}	

/* ------------------------------------------------------------ */
/* メイン上部 */
/* ------------------------------------------------------------ */

.mainhead{
	position:relative;
}	
.mainhead ul{
	position:absolute;
	right: 0px;
	top: -4px;
	padding: 0px 0px;
}	
.mainhead li{
	float:left;
	padding: 4px 0;
}	
.mainhead li.faq a{
	background: url(../img/common/icon_faq.jpg) no-repeat left center;
	margin: 0 0 0 18px;
	padding: 7px 0 7px 30px;
}	
.mainhead li.faq a:hover{
	background: url(../img/common/icon_faq_on.jpg) no-repeat left center;
}	
.mainhead li.inq a{
	background: url(../img/common/icon_inq.jpg) no-repeat left center;
	margin: 0 0 0 18px;
	padding: 7px 0 7px 30px;
}	
.mainhead li.inq a:hover{
	background: url(../img/common/icon_inq_on.jpg) no-repeat left center;
}	

	
/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */

#main-area{
	width:618px;
	float:left;
	border: 0px solid #C00;
	padding-bottom: 30px;
}

.mainimg{}


.pagetop{
	background:#EFF0F1;	
	margin: 10px 0 0 0px;
	border: 0px solid #333;
}

.pagetop p a{
	text-align:right;
	margin:0 0 0 0;
	background:#EFF0F1 url(../img/common/arrow_s.gif) no-repeat left center;
	font-size: 92%;
	color: #666;
	padding: 2px 0 2px 15px;
	float: right;
}

.pagetop p a:hover{
	color: #BBB;
}


/* -パンくずリスト------------------------------------------------ */

.pan{
	background:#084952 url(../img/common/pan_bg.jpg) repeat-x left bottom; 
	position:relative;
}

.pan ul{
	width: 900px;
	padding: 5px 0px;
	margin: 0 auto;
}
.pan li{
	float: left;
	font-size:77%;
	color: #FFF;
	margin: 0 7px 0 0px;
}
.pan li a{color: #FFF;}
.pan li a:hover{color: #BBB;}


/* -こんな使い方がある！------------------------------------------------ */

.howto_list_outline{
	border: 0px solid #333;
	margin: 0 0 10px 0px;
}

.h_i{
	float: left;
	border: 4px solid #CCD6EB;
}

.sample{
}

.howto_list_h{
	border: 0px dashed #390;
	padding: 0px 0 0px 0;
	position:relative;
	margin: 0 5px 15px 15px;
	min-height: 55px;
	_height: 55px;
	width: 250px;
	display: inline;
}

.howto_list_h p{
	float: right;
	width: 185px;
	text-decoration:underline;
}


/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

#footer-area{
	text-align: center;
	margin: 0px auto 0;	
    position:absolute;
    bottom:0px;
	height: 90px;
	width: 100%;
}


#footer-area a:link,
#footer-area a:visited{
	color:#FFF;
}

#footer-area a:hover,
#footer-area a:active{
	color:#0CF;
}


ul.footer_menu{
	background: #1D5DAA url(../img/common/footer_t_bg.jpg) repeat-x left top;
	text-align: center;
	padding: 2px 0px;
	color:#FFF;
	width: 900px;
	margin: 0 auto;
}

ul.footer_menu li{
	display: inline;
	font-size:77%;
}

#footer-area p.copyright{
	background: #FFF url(../img/common/footer_b_bg.jpg) repeat-x left bottom;
	text-align:center;
	padding: 5px 0 45px 0px;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	border: 1px solid #999;
	border-bottom: 0px solid #999;	
	display: block;
	width: 898px;
	margin: 0 auto;

}


/* ------------------------------------------------------------ */
/* 共通スタイル  */
/* ------------------------------------------------------------ */

.section{margin: 0 0 25px 0px;}
.section_s{margin: 0 0 10px 0px;}
.section_ss{margin: 0 0 0px 0px;}

p.serch_title{
	color: #003399;
	border-left: 5px solid #003399;
	font-size: 107%;
	padding: 0 0 0 10px;
	font-weight:bold;
}


/* -こんな使い方がある！------------------------------------------------ */

.howto_list_outline{
	padding-top: 10px;
}

dl.howto_list_h{
	margin: 0 30px 10px 15px;
}

/* -検索ボックス------------------------------------------------ */

dl.search{
	padding: 5px 0 0px 0;
	margin: 0px;
}
dl.search dt{
	background: #FFF url(../img/common/icon_two.gif) no-repeat left center;
	padding: 0 0 0 15px;
	width: 160px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px;
	float: left;
}
dl.search dd{
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px;
	float: left;
	width: 350px;
}

dl.s_u{
	padding: 5px 0 10px 0;
	margin: 0px;
}


/* -サポート＆お問い合わせボックス------------------------------------------------ */

.support_box{border: 0px solid #333; margin: 10px 0px;}
.support_box img{vertical-align:bottom; display:block;}

.support_box_in{
	width: 606px;
	padding: 0 7px;
	background: #C6C6C6;
}
.support_box_l{width: 300px;}
.support_box_r{width: 300px;}

.support_box_l p{
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	width: 288px;
	background:#FAFAFA url(../img/common/support_box_bg01.gif) no-repeat right center;
	margin: 0px;
	padding: 8px 0px 8px 10px;
}

.support_box_r p{
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	width: 288px;
	background:#FAFAFA url(../img/common/support_box_bg02.gif) no-repeat right center;
	margin: 0px;
	padding: 8px 0px 8px 10px;
}



/* ------------------------------------------------------------ */
/* 見出し */
/* ------------------------------------------------------------ */

h1{}

h2{
	position:relative;
}


/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */


p.icon_a{
	background: url(../img/common/icon_a.gif) no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0px;
}


p.icon_pdf{
	background:#FFF url(../img/common/icon_pdf.gif) no-repeat left center; 
	padding: 0px 0 0 22px;
	font-size: 100%;
	margin: 2px 0 0 0px;
}

li.left,.left,p.left,img.left {float: left;}
li.right,.right,p.right,img.right {float: right;}
p.clear{clear: both;}

.center,
img.center{text-align: center; display: block; margin: 0 auto;}

p.bold{font-weight: bold;}

span.bold{font-weight: bold;}
span.red{color: #C00;}

a:hover img.focus{
	filter: alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}

.bor{border: 1px solid #CCC;}
.no_b{border: 0px !important;}


.section table{
	border: 1px solid #ccc;
}

.section table th,
.section table td{
	padding:5px;
	border:2px solid #FFF;
	border: 1px solid #ccc;
}

.section table th{
	text-align:left;
	background:#F0F0F0;
}


/* ------------------------------------------------------------ */
/* フォーム＿デザインパーツ */
/* ------------------------------------------------------------ */


select.s_a{width: 180px; margin:0 5px;}
input.s_a{width: 174px; margin:0 5px;}
input.search{margin: 0 0 0 8px;}