@charset "utf-8";

/* ----------------------------------------
  Base Style Seet

	2- 1.全体レイアウト
	2- 2.ヘッダーコンテンツ
	2- 3.グローバルメニュー
	2- 4.サイドバーコンテンツ
	2- 5.フッターコンテンツ
	2- 6.リンク
	2- 7.ナビアイコン
	2- 8.見出しタグ(hタグ）
	2- 9.text,強調
	2-10.リスト
	2-11.共通BOX
	2-12.パンクズ
	2-13.テーブル
---------------------------------------- */


body{
	font-size:13px;
	color:#555;
	line-height:1.8;
	background: #fff;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', Helvetica, Arial, Verdana, sans-serif;
}

* html body {font-size:75%;}

header,footer,nav,section,article,figure,aside {
	display:block;
}

/* ----------------------------------------
  2-1.全体レイアウト
---------------------------------------- */

header{
	width: 100%;
	padding-top: 10px;
	margin-bottom: 5px;
}



footer{
	width: 100%;
	background: url(../img/common/bg_footer.png) repeat-x top center;
	padding-top: 15px;
}

.wrapper{
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}

.container{
	width: 100%;
	background: url(../img/common/bg_body.png) repeat-x top;
	margin-bottom: 50px;
	position: relative;
	z-index: 100;
}

article{
	width: 668px;
	float: right;

}

aside{
	width: 210px;
	float: left;
}


article#index{
	width: 657px;
	float: left;
}

aside#indexSidebar{
	width: 253px;
	float: right;
}



/* ----------------------------------------
  2-2.ヘッダーコンテンツ
---------------------------------------- */

header h1{
	width: 554px;
	float: left;
}

header ul{
	text-align: right;
	width: 155px;
	float: right;
}

header ul li{
	display: inline-block;
	color: #004c90;
}

/* ----------------------------------------
  2-3.グローバルメニュー
---------------------------------------- */

nav{
	width: 100%;
	background: #2885d8 url(../img/common/bg_gnav.png) top center repeat-x;
	/*position: absolute;*/
	/*top: 104px;*/
	z-index: 1000;
	height: 59px;
	position: relative;
}

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

.gnav{
	margin-left: 0px;
}

.gnav>li{
	display: block;
	vertical-align: top;
	position: relative;
	float: left;
}

.gnav>li>h2>a{
	display: inline-block;
	height: 59px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	vertical-align: top;
}

.gnav li a.menu1{
	background: url(../img/common/bg_gnav1.png) top center no-repeat;
	width: 176px;
}

.gnav li a.menu1:hover{
	background: url(../img/common/bg_gnav01_o.png) top center no-repeat;
}

.gnav li a.menu2{
	background: url(../img/common/bg_gnav2.png) top center no-repeat;
	width: 149px;
}

.gnav li a.menu2:hover{
	background: url(../img/common/bg_gnav02_o.png) top center no-repeat;
}

.gnav li a.menu3{
	background: url(../img/common/bg_gnav3.png) top center no-repeat;
	width: 145px;
}

.gnav li a.menu3:hover{
	background: url(../img/common/bg_gnav03_o.png) top center no-repeat;
}

.gnav li a.menu4{
	background: url(../img/common/bg_gnav4.png) top center no-repeat;
	width: 147px;
}

.gnav li a.menu4:hover{
	background: url(../img/common/bg_gnav04_o.png) top center no-repeat;
}

.gnav li a.menu5{
	display: inline-block;
	background: url(../img/common/bg_gnav5.png) top center no-repeat;
	width: 176px;
}

.gnav li a.menu5:hover{
	background: url(../img/common/bg_gnav05_o.png) top center no-repeat;
}

.gnav li a.menu6{
	background: url(../img/common/bg_gnav6.png) top center no-repeat;
	width: 140px;
}

.gnav li a.menu6:hover{
	background: url(../img/common/bg_gnav06_o.png) top center no-repeat;
}


.gnav .gnavChild{
	position: absolute;
	top: 100%;
	z-index: 1200;
	display: none;
}

/* ----------------------------------------
  2-4.フッターコンテンツ
---------------------------------------- */

.pagetopArea{
	text-align: right;
	padding-bottom: 3px;
}

.pagetopArea a{
	padding-left: 10px;
	background: url(../img/common/icon_pagetop.png) left center no-repeat;
	font-size: 11px;
	color: #333333;
}

.companyinfoAndInquiryArea{
	width: 760px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px;
}

.companyinfoAndInquiryArea .companyinfoBox{
	float: left;
	width: 390px;
	padding-right: 10px;
}

.companyinfoAndInquiryArea .companyinfoBox img{
	margin-bottom: 5px;
}

.companyinfoAndInquiryArea .companyinfoBox p{
	margin-bottom: 15px;
}

.companyinfoAndInquiryArea .companyinfoBox a{
	margin-right: 7px;
}

.companyinfoAndInquiryArea .inquiryBox{
	float: right;
	width: 290px;
	padding-left: 50px;
	border-left: 1px #ddd solid;
	margin-top: 20px;
}

.companyinfoAndInquiryArea .inquiryBox p.inquiryTxt{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 13px;
}

.companyinfoAndInquiryArea .inquiryBox a{
	margin-bottom: 15px;
	display: block;
}

.companyinfoAndInquiryArea .inquiryBox p.receipttime{
	padding-top: 8px;
	font-size: 12px;
	color: #7d7d7d;
}

.footerNavArea{
	background: #edf2f7;
	padding: 20px 0;
}

.footerNavArea a{
	color: #333333;
}

.footerNavArea .wrapper>ul>li:first-child{
	width:150px;
}

.footerNavArea .wrapper>ul>li{
	display: inline-block;
	vertical-align: top;
	margin-right: 43px;
}

.footerNavArea .wrapper>ul>li.last{
	margin-right: 0;
}


.footerNavArea .footNavList li{
	padding-left: 10px;
	font-size: 11px;
	background: url(../img/common/icon_tri_blue.png) left center no-repeat;
	margin-bottom: 8px;
}

.footerNavArea h5{
	font-weight: normal;
	border-bottom: 1px #a5c0d8 solid;
	padding-bottom: 3px;
	margin-bottom: 5px;
	width: 134px;
}

.copyright{
	text-align: center;
	padding: 4px;
}



/* ----------------------------------------
  2-6.リンク
---------------------------------------- */

a {
	text-decoration: none;
	color: #004c90;
}

a:hover,#indexSidebar .newInfo a,.sideNav a:hover{
	color: #c8c8c8;
}

a img:hover,
button img:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}


/* ----------------------------------------
  2-8.見出し(hタグ）
---------------------------------------- */


/* ----------------------------------------
  2-9.text,強調
---------------------------------------- */

span.colorPink{
	color: #e8448d;
}


.strong,span.strong{
	font-weight: bold;
}



/* ----------------------------------------
  2-9.イメージ
---------------------------------------- */


/* ----------------------------------------
  2-10.リスト
---------------------------------------- */


/* ----------------------------------------
  2-11.共通BOX
---------------------------------------- */


/* ----------------------------------------
  2-12.パンクズ
---------------------------------------- */
.pankuzu{
	font-size: 11px;
	color: #7d98ba;
	margin-bottom: 20px;
}

.pankuzu li{
	display: inline;
	margin-right: 2px;
}

.pankuzu li a{
	color: #eda700;
	margin-right: 6px;
}



/* ----------------------------------------
  2-13.テーブル
---------------------------------------- */


/* ----------------------------------------
  2-14.0326追記
---------------------------------------- */
footer#inquiryFoot{
	width: 100%;
	background: url(../img/common/bg_footer_inqury.png) repeat-x top center;
	padding-top: 15px;
}


.companyinfoAndInquiryAreaInPage{
	width: 927px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px;
}

.companyinfoAndInquiryAreaInPage .companyinfoBox{
	float: left;
	width: 390px;
	padding-right: 10px;
	border-right: 1px #ddd solid;
}

.companyinfoAndInquiryAreaInPage .companyinfoBox img{
	margin-bottom: 5px;
}

.companyinfoAndInquiryAreaInPage .companyinfoBox p{
	margin-bottom: 15px;
}

.companyinfoAndInquiryAreaInPage .companyinfoBox a{
	margin-right: 7px;
}

.companyinfoAndInquiryAreaInPage .inquiryBox{
	float: right;
	width: 450px;
	margin-top: 20px;
}

.companyinfoAndInquiryAreaInPage .inquiryBox p.inquiryTxt{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 13px;
}

.companyinfoAndInquiryAreaInPage .inquiryBox a{
	margin-bottom: 15px;
	display: block;
}

.companyinfoAndInquiryAreaInPage .inquiryBox p.receipttime{
  font-size: 12px;
  color: #7d7d7d;
  padding-right: 50px;
  text-align: center;
  padding-top: 3px;
}