@charset "UTF-8";



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

/*

	Font

*/

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

html {-webkit-text-size-adjust: none}

body {

	font:13px/1.231 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

	*font-size:small;

	*font:x-small;

	color:#333;

}

select,input,button,textarea,button {

	font:99% arial,helvetica,clean,sans-serif;

}

table {

	font-size:inherit;

	font:100%;

}

pre,code,kbd,samp,tt {

	font-family:monospace;

	*font-size:108%;

	line-height:100%;

}



/* Link

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

a,a:link {

	color: #12C;

	text-decoration: underline;

}

a:visited {

	color: #61C;

}

a:hover {

	color:#FF6347;

	text-decoration: none;

}



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

/*

	Structure

*/

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



body {

	text-align:center;

	background: url(../images/winter/bg_head02.gif) left top repeat-x;

}

body#green {

	background: url(../images/green/bg_head02.gif) left top repeat-x;

}

#wrapperAll {

}

#headWrap {

	width:100%;

	min-width:1020px;

	background: url(../images/winter/bg_head.jpg) center top no-repeat;

}

#green #headWrap {

	background: url(../images/green/bg_head.jpg) center top no-repeat;

}

#headArea {

	width:1020px;

	height: 43px;

	text-align:left;

	position:relative;

	margin:0 auto;

	padding-top: 17px;

}

#contentWrap {

	width:100%;

	min-width:1020px;

}

#contentInner {

	background: #F4F4F4;

	padding:15px 30px 10px;

}

#footArea {

	width:1000px;

	text-align:left;

	background: url(../images/bg.gif) left top repeat-y;

	padding:0 10px;

	margin:0 auto;

}

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

    HeadArea

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



#headLogo {

	position:absolute;

	top: 9px;

	left: 10px;

}

#headTab {

	position:absolute;

	bottom:0;

	left: 300px;

}

#headTab ul li {

	float:left;

	margin-right:14px;

}



#uNavTop {

	position:absolute;

	top: 16px;

	right: 55px;

	font-size: 80%;

}

#uNavBottom {

	position:absolute;

	top: 33px;

	right: 56px;

	font-size: 80%;

}

#uNavTop ul li,

#uNavBottom ul li {

	float:left;

}

#uNavTop ul li a,

#uNavBottom ul li a {

	color:#FFF;

	font-size:93%;

}

#uNavTop ul li {

	margin-right:10px;

}

#uNavTop ul li a img {

	vertical-align:-2px;

	border-bottom:1px solid #333;

}

#uNavTop ul li a:hover img {

	border-bottom:1px solid #fff;

}



#uNavBottom ul li {

	margin-right:10px;

}

#headGroupLogo {

	position:absolute;

	top: 8px;

	right: 10px;

}





/* Global Navigation

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

#gNavWrap {

	width:100%;

	height:52px;

	background: url(../images/winter/bg_nav.gif) left top repeat-x;

}

#green #gNavWrap {

	background: url(../images/green/bg_nav.gif) left top repeat-x;

}

#gNav {

	width:1020px;

	text-align:left;

	margin:0 auto;

}

#gNav ul {

	padding-left:9px;

}

#gNav ul li {

	float:left;

}



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

    ContentArea

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

#contentArea {

	width:1000px;

	text-align:left;

	background: url(../images/bg.gif) left top repeat-y;

	padding:0 10px;

	margin:0 auto;

}

#mainContents {

	width:663px;

	float:left;

	display:inline;

	margin-left:30px;

	padding-bottom:15px;

}

#localMenu {

	width:250px;

	float:left;

	display:inline;

	margin-left:20px;

}



#pageNav {

	width:1000px;

	height:35px;

	clear:both;

	position:relative;

	border-bottom:6px solid #0167b1;

}

#green #pageNav {

	border-bottom:6px solid #004B36;

}

#pageNav p {

	position:absolute;

	top:0px;

	right:25px;

}



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

/*

	FootArea

*/

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

#footInner {

	background:#FFF;

	padding:5px 10px;

}



#footNav {

	float:left;

	margin-bottom:10px;

}

#footNav li {

	float:left;

	border-right:1px solid #666;

	padding:0 10px;

}

#footNav li a {

	color:#666;

	text-decoration:underline;

}

#footNav li.last {

	border-right:none;

}



#copyright {

	float:right;

}

#copyright p {

	text-align:right;

	font-size:85%;

}

#footAddressArea {

	width:300px;

	clear:both;

	border:1px solid #CCC;

	font-size:93%;

	line-height:1.4;

	padding:10px 10px;

	margin:0 auto 10px;

}

#footAddressArea p.b {

	margin-bottom:5px;

}

#footAddressArea .clearfix {

	width:300px;

}

#footAddressArea #footAddress {

	float:left;

}

#footAddressArea dl.address {

	float: left;

	}

#footAddressArea dl.address dt {

	font-weight: bold;

	}

#footAddressArea dl.address dd {

	}



#footAddressArea div.tel {

	float: right;

	width: 220px;

	}

#footAddressArea div.tel dl {

	}

#footAddressArea div.tel dl dt {

	float: left;

	font-weight: bold;

	}

#footAddressArea div.tel dl dd {

	float: right;

	}

#footAddressArea #footTel {

	float:right;

}

#ncrGroupList {

	width:814px;

	background:url(../images/bg_ncrGroupList.gif) 10px 10px no-repeat;

	border:1px solid #CCC;

	padding:35px 0px 10px 10px;

	margin:0 auto 25px;

}

#ncrGroupList ul li {

	float:left;

	margin-right:10px;

}

#footGroupLink {

	width:944px;

	padding-bottom:20px;

	margin:0 auto;

}

#footGroupLink ul li{

	float:left;

}

#footGroupLink p {

	padding:10px 0 5px 10px;

}



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

/*

	Common Style

*/
.f-s-r{
	font-size:16px;
	line-height:10px;
	vertical-align:top;
}

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



/* Font Decoration

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

strong,.b {

	font-weight: bold;

}

/* Color */

.red {color: #C00;}

.green {color: #360;}

.orange {color: #F60;}



/* 配置など

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

/* Float */

.fl_l {

	float: left;

}

.fl_r {

	float: right;

}

.fl_c {

	clear: both;

}

/* Text Align */

.ta_l {

	text-align: left;

}

.ta_r {

	text-align: right;

}

.ta_c { 

	text-align: center;

}

/* Margin */

.mt0 {

	margin-top: 0!important;

}

.mt10 {

	margin-top: 10px!important;

}

.mt20 {

	margin-top: 20px!important;

}

.mb0 {

	margin-bottom: 0!important;

}

.mb10 {

	margin-bottom: 10px!important;

}

.mb20 {

	margin-bottom: 20px!important;

}