@charset "utf-8";
/*-------------------------------------------------
  基本設定
  作成者：Satoru Takebayashi
  作成日：2011/06/10
--------------------------------------------------*/

/*初期化
----------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-family:"メイリオ",Meiryo,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	font-size: 0.9em;
	line-height: 1.7em;
	color: #26232C;
	background-color:#FFFFFF;
	width:100%;
	-webkit-text-size-adjust:100%;
}
ul {
	list-style-type: none;
	margin:10px 0 10px 10px;
}
ol {
	margin: 10px 0 10px 30px;
}
hr {
	border:none;
	border-bottom:1px solid #AAA;
	padding-bottom:10px;
	margin-bottom:10px;
}
img {
	vertical-align:top;
	border: 0;
}
address{
	font-style:normal;
}
/*リンク
----------------------------------------*/
a,
a img{
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
a:link {
	color:#2963A3;
}
a:visited {
	color:#575757;
}
a:active {
	color:#976C24;
}
a:hover {
	color:#E83709;
	text-decoration:none;
}
a:hover img{
	filter: alpha(opacity=60); /* IE7以下用 */
	-ms-filter: “alpha(opacity=60)”; /* IE8用 */
	opacity:0.6; /* Firefox 1.5以上, Opera, Safari用 */
}

/*ClearFix
----------------------------------------*/
.clear:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/* ie6,ie7 */
* html .clear {
	zoom:1;
}
*+html .clear {
	zoom:1;
}


#hiddenlink,
.hidden {
	display: none;
}
.block {
	display: block;
}
.inline {
	display: inline;
}
/*コンテンツボックス基本設定
----------------------------------------*/
#all {
	background-image:url(../imgs/base/bg_body.gif);
}
#maincontainer:after,
#index-maincontainer:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
* html #maincontainer,
* html #index-maincontainer{
	zoom:1;
} /* ie6,ie7 */


/*ヘッダー
----------------------------------------*/
#header-container{
	background:#FFF;
}
#header-container header{
	width:1000px;
	margin:0 auto;
}

/*ロゴ*/
#logo {
	width:253px;
	height:42px;
	float:left;
	margin-top:16px;
}
/*----- ヘッダーボックス -----*/
#headerbox{
	width:700px;
	float:right;
}
#headerbox-top{
	width:615px;
	padding:8px 0 0;
	float:right;
}
#headerbox-btm{
	clear:both;
	padding:13px 0 12px
}

/* ヘッダリンク */
#headerlink02:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
* html #headerlink02 {
	zoom:1;
} /* ie6,ie7 */

#headerlink02{
	margin:0;
	width:290px;
	margin:7px 0 0;
	float:left;
}
#headerlink02 li{
	display:inline;
}
#headerlink02 li a{
	display:block;
	background:url(../imgs/base/ic_header.gif) no-repeat 0 0.3em;
	padding:0 0 0 11px;
	float:left;
	margin:0 20px 0 0;
	font-size:11px;
	line-height:11px;
	color:#333333;
	text-decoration:none;
}
#headerlink02 li a:hover{
	background:url(../imgs/base/ic_header.gif) no-repeat 3px 0.3em;
	text-decoration:underline;
	color:#AAA;
}

/*文字サイズ*/
#fontsize {
	float: left;
	width:138px;
	position: relative;
	border:1px solid #C1C1C1;
	background-color:#FFF;
	padding:2px 2px 2px 6px;
	margin:0;
/*	margin:-7px 0 0;*/
}
#fontsize dt {
	float: left;
	font-size:11px;
	line-height:11px;
	margin:3px 0 0 0;
	padding:0 8px 0 0;
}
#fontsize dd {
	display: inline;
}


/*文字サイズアイコン*/
#fontsize ul {
	margin:0;
}
#fontsize li {
	float: left;
}
#fontsize li a {
	text-indent: -9999px;
	display: block;
	float:left;
	background-repeat: no-repeat;
	background-position: top;
	width: 22px;
	height: 18px;
	text-decoration: none;
	overflow: hidden;
	font-size:1px;
	line-height:1px;

	-webkit-transition:none;
	transition:none;
}
#fontsize li a:hover {
	background-position:bottom!important;
}
#fontsize #fs1 {
	background-image: url(../imgs/base/he_font_large.gif);
}
#fontsize #fs2 {
	background-image: url(../imgs/base/he_font_middle.gif);
	margin-right:2px;
}
#fontsize #fs3 {
	background-image: url(../imgs/base/he_font_small.gif);
	margin-right:2px;
}
.noscript {
	position: absolute;
	top:0px;
	left:0px;
	color: #000000;
	font-size: 10px;
	line-height: 1.1em;
	height: 25px;
	font-weight:bold;
	overflow: hidden;
	background-image: url(../imgs/base/bg_koshi.gif);
	width:146px;
}
/*文字サイズ調整*/
.font-superlarge {
	font-size:120%;
	line-height:1.5em;
}
.font-large {
	font-size:110%;
	line-height:1.6em;
}
.font-normal {
	font-size:90%;
	line-height:1.7em;
}


/*----- 検索 -----*/
#sitesearch {
	line-height:1px;
	list-style: none;
	float:right;
	width:162px;
	border:1px solid #C1C1C1;
	background-color:#FFF;
	height:22px !important;
}
#sitesearch{
}
#sitesearch dt {
	display:none;
}
#sitesearch dd {
	float: left;
	display: inline;
}
#sitesearch input#words {
	margin:0;
	width: 136px;
	height:13px;
	overflow: hidden;
	color: #495142;
	border:0px;
	font-size:13px;
	outline:none;
	margin:1px 0 0 1px;
	padding:4px 1px 3px 1px;
}
#sitesearch input.text {
	color:#333333!important;
}
#sitesearch input#go {
	display: block;
}
#sitesearch #g{
	padding:3px 0 0 4px;
}




/*----- 訪問者別メニュー -----*/
#headerlink01 {
	margin:0;
}
#headerlink01 li{
	display:inline;
}
#headerlink01 li a{
	display:block;
	float:left;
	background:url(../imgs/base/ic_guest.gif) no-repeat 0 0;
	margin:0 20px 0 0;
	padding:2px 0 2px 18px;
	font-size:12px;
	line-height:12px;
	color:#333;
	text-decoration:none;
}
#headerlink01 li a:hover{
	background:url(../imgs/base/ic_guest.gif) no-repeat 3px 0;
	text-decoration:underline;
	color:#AAA;
}
#headerlink01 li:last-child a{
	margin:0;
}

/* グローバルナビゲーション
----------------------------------------*/
#globalnavi {
	background:url(../imgs/base/bg_globalnav.gif) repeat-x top;
	height:55px;
}
#globalnavi nav{
	width:1000px;
	margin:0 auto;
 position: relative;/*プルダウン用*/	
	z-index:1000;/*プルダウン用*/
}
#globalnavi ul {
	margin:0;
}
#globalnavi ul li {
	display:inline;
	float:left;
	background-image:url(../imgs/base/nv_sprite.jpg);
	background-repeat:no-repeat;
	display:block;
}
#globalnavi li a {
	display:block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	height:55px;
	background-image:url(../imgs/base/nv_sprite.jpg);
	background-repeat:no-repeat;
	-webkit-transition:none !important;
	transition:none !important;
}
#globalnavi li a:hover{
}

#globalnavi li.nv1,
#globalnavi li.nv1 a {
 width:144px;
	background-position:0 0;
}
#globalnavi li.nv2,
#globalnavi li.nv2 a {
 width:143px;
	background-position:-144px 0;
}
#globalnavi li.nv3,
#globalnavi li.nv3 a {
 width:142px;
	background-position:-287px 0;
}
#globalnavi li.nv4,
#globalnavi li.nv4 a {
 width:142px;
	background-position:-429px 0;
}
#globalnavi li.nv5,
#globalnavi li.nv5 a {
 width:143px;
	background-position:-571px 0;
}
#globalnavi li.nv6,
#globalnavi li.nv6 a {
 width:143px;
	background-position:-714px 0;
}
#globalnavi li.nv7,
#globalnavi li.nv7 a {
 width:143px;
	background-position:-857px 0;
}
/*----- マウスオーバー テンプレートプロパティ-----*/
#globalnavi ul.on1 li.nv1 a{
	background-position:0 -110px;
}
#globalnavi ul.on2 li.nv2 a{
	background-position:-144px -110px;
}
#globalnavi ul.on3 li.nv3 a{
	background-position:-287px -110px;
}
#globalnavi ul.on4 li.nv4 a{
	background-position:-429px -110px;
}
#globalnavi ul.on5 li.nv5 a{
	background-position:-571px -110px;
}
#globalnavi ul.on6 li.nv6 a{
	background-position:-714px -110px;
}
#globalnavi ul.on7 li.nv7 a{
	background-position:-857px -110px;
}
/*hover*/
#globalnavi li.nv1 a:hover{
	background-position:0 -55px !important;
}
#globalnavi li.nv2 a:hover{
	background-position:-144px -55px !important;
}
#globalnavi li.nv3 a:hover{
	background-position:-287px -55px !important;
}
#globalnavi li.nv4 a:hover{
	background-position:-429px -55px !important;
}
#globalnavi li.nv5 a:hover{
	background-position:-571px -55px !important;
}
#globalnavi li.nv6 a:hover{
	background-position:-714px -55px !important;
}
#globalnavi li.nv7 a:hover{
	background-position:-857px -55px !important;
}

/*----- メインビジュアル -----*/
#mainvisualcontainer{
	background:#E7DDD3;
}
#bg-mainvisual{
}

/*メインコンテンツ
----------------------------------------*/
#maincontainer-area{
	background-image:url(../imgs/base/bg_cont_top.png),url(../imgs/base/bg_cont_btm.png);
	background-position:top, bottom;
	background-repeat:repeat-x, no-repeat;
	position:relative;

/* PIE.htc */
	behavior: url("/PIE.htc");
	-pie-background:url("/imgs/base/bg_cont_top.png") repeat-x top,
																	url("/imgs/base/bg_cont_btm.png") no-repeat bottom;
}
#maincontainer,
#index-maincontainer{
	width:1000px;
	margin:0 auto;
}
#maincontents {
}

/*フッター
----------------------------------------*/
#footercontainer{
	clear:both;
	margin-top:10px;
	background:url(../imgs/base/bg_footer.gif) repeat-x top #FDF2C3;
	min-height:100px;
}
#footercontainer footer {
	width:988px;
	margin:0 auto;
}
*html #footer {
 height:117px;
}
/*フッターリンク*/
#footerlink{
	padding:8px 0 0;
	height:25px;
}
#footerlink li{
	display:inline;
}
#footerlink li a{
	background-image:url(../imgs/base/ic_footer.png);
	background-repeat:no-repeat;
	background-position:0 0.5em;
	color:#FFF;
	margin:0 20px 0 0;
	padding:0 0 0 15px;
	text-decoration:none;
}
#footerlink li a:hover{
	background-position:3px 0.5em;
	color:#FFF;
}
/*コピーライト*/
small#copyright {
	clear:both;
	display:block;
	text-align:right;
	margin:28px 20px 0 0;
}

address{
	clear:both;
	padding-top:28px;
}


.list-end{
	margin:0 !important;
	border:0px!important;
}

/*トップへ戻る
----------------------------------------*/
#pagetop {
	position: fixed;
	bottom:15px;
	right:4%;
	z-index:1000;
}
#pagetop a {
	display:block;
	width:87px;
	height:87px;
	background:url(../imgs/base/bt_top.png) no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	overflow:hidden;
	
	filter: alpha(opacity=70); /* IE7以下用 */
	-ms-filter: “alpha(opacity=70)”; /* IE8用 */
	opacity:0.7; /* Firefox 1.5以上, Opera, Safari用 */
}
#pagetop a:hover {
	filter: alpha(opacity=100); /* IE7以下用 */
	-ms-filter: “alpha(opacity=100)”; /* IE8用 */
	opacity:1; /* Firefox 1.5以上, Opera, Safari用 */
}

