@charset "UTF-8";

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


/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載した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:#1158FF;
}
a:visited{
	color:#1158FF;
}
a:hover{
	color:#EC8989;
}
a:active{
	color:#CC2A39;
}




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

body{
	background:url(../img/common/header_bg.jpg) no-repeat top center #FFFFFF;
	border-top:4px #256DDA solid;
}

#container{
	width:900px;
	margin:0 auto;
	position:relative;
}


/* 右レイアウト、左レイアウト */

#main-area{
	width:650px;
	float:left;
}

#submenu-area{
	width:220px;
	float:right;
}

/* コンテンツの枠 */
.section{
	
}

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


#main-area input{
	margin:0px 5px 0px 0px;
	vertical-align:middle;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header-area{
	position:relative;
	margin:0 0 10px 0;
}

#identity{
	height:95px;
	width:150px;
}

#identity img{
	position:absolute;
	top:22px;
}

#header-area .header-utility{
	position:absolute;
	top:18px;
	right:120px;
	font-size:85%;
}

#header-area .header-utility li{
	float:left;
	margin:0 0 0 23px;
	background:url(../img/home/link.gif) no-repeat 0px 6px;
	padding:0 0 0 8px;
	font-size:85%;
}

.tel{
	position:absolute;
	top:50px;
	left:618px;
}

.globalmenu{
	width:900px;
}

.globalmenu li{
	float:left;
	width:150px;
}

/* ------------------------------------------------------------ */
/* ぱんくず */
/* ------------------------------------------------------------ */

.crumb{
	font-size:77%;
	margin:0 0 5px 0;
}


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

#contents-area{
	margin:0 0 20px 0;

}

#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 .submenu{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background-color:#F4F4F4;
}

#submenu-area .submenu li{
	display:block;
	width:200px;
	padding:10px 0 0 10px;
	vertical-align:bottom;
	font-size:0px;
}

#submenu-area .submenu li a:hover img,
#submenu-area .submenu li a:active img{
	display:block;
	filter		: alpha(opacity=50);
	opacity		: 0.5;
	-moz-opacity	: 0.5;
}

.prepass{
	text-align:center;
}

.prepass img:hover,
.prepass img:active{
	filter		: alpha(opacity=50);
	opacity		: 0.5;
	-moz-opacity	: 0.5;
}

.prepass p{
	text-align:left;
	padding:10px 0 0 0;
}

.side_link{
	background:url(../img/common/link.gif) no-repeat 0px 6px;
	padding:0 0 0 12px;
}

	
/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main-area{
}

#main-area h2{
	padding:0 0 10px 0;
}

/*#main-area .pagetitle{
	margin:0 0 30px 0;
}*/

.section{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	width:650px;
}

.section2{
	width:450px;
	float:left;
	margin:0 0 30px 0;
}

.section3{
	width:180px;
	float:right;
}

.section3.home{
	width:315px;
}


#pagetop .top{
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	float:right;
	text-align:right;
	clear:both;
	display:block;
	clear:both;
}

#pagetop .top a{
	background:url(../img/common/pagetop.gif) no-repeat 0 3px;
	padding:0 0 0 20px;
	float:right;
	font-size:85%;
}


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

#footer-area{
	background:url(../img/common/footer_bg.gif) repeat-y center bottom;
}

#footer-area .footer{
	background:url(../img/common/footer_top.gif) no-repeat top center;
	padding:10px 0 20px 0;
	margin:20px 0 0 0;
}

#footer-area p.copyright{
	text-align:right;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	margin:0;
}
/* ------------------------------------------------------------ */
/* サイトマップ */
/* ------------------------------------------------------------ */
.sitemap{
	font-size:92%;
	clear:both;
	width:900px;
	margin:0 auto;
	padding:0;
}

.map_left{
	width:685px;
	float:left;
}

.left_area a,
.center_area a,
.right_area a{
	background:url(../img/common/link.gif) no-repeat 0 4px;
	padding:0 0 0 12px;
	line-height:180%;
}

.left_home{
	width:40px;

}
.left_home a{
	background:url(../img/common/footer_home.gif) no-repeat 0 16px;
	padding:15px 0 0 18px;
	display:block;
	width:100px;
}
/* 一番左------------ */
.left_area{
	float:left;
	width:195px;
	padding:5px 0 0 20px;
}

.left_area ul{
	padding:0px 0 0 10px;
}

.f_search_title{
	background:url(../img/common/footer_search.gif) no-repeat 0px 1px;
	padding:0 0 0 20px;
	min-height:15px;
	display:block;
}

/* 真ん中------------ */
.center_area{
	float:left;
	width:205px;
	padding:5px 0 0 12px;
}

.center_area ul{
	padding:0px 0 0 10px;
}

.f_sell_title{
	background:url(../img/common/footer_sell.gif) no-repeat 0px 1px;
	padding:0 0 0 20px;
	min-height:15px;
	display:block;
}

/* 右側------------ */
.right_area{
	float:left;
	width:235px;
	padding:26px 0 0 12px;
}

.company_area{
	float:right;
	width:203px;
	padding:20px 5px 0 0px;
}


/* ------------------------------------------------------------ */
/* 文字サイズ変更ボタン */
/* ------------------------------------------------------------ */

.letter_size {
	width:108px;
	height:26px;
	background:url(../img/letter-size/letter_size.gif) no-repeat;
	position:absolute;
	top:7px;
	left:791px;
}

.letter_size ul {
	padding:3px 0px 0px 38px;
}

.no_js ul {
	padding:0px;
}

.no_js li {
	float:left;
	margin-left:0px;
}

.no_js ul li img {
	padding:0px;
	display:block;
}

#fontNavi img {
	display:inline;
	padding-left:2px;
}


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

.section h3{
	margin:0 0 10px 0;
	font-size:122%;
	color:#000;
}

.section h4{
	border-left:2px #256DDA solid;
	padding:0 0 0 7px;
	border-bottom:1px #CCCCCC dotted;
	margin:0 0 10px 0;
}

.dotto_top{
	border-top:1px dotted #CCC;
}
.dotto_bottom{
	border-bottom:1px dotted #CCC;
}

img.left {
	float: left;
	margin: 0 12px 5px 0;
}

img.right {
	float: right;
	margin: 0 0 5px 12px;
}