@charset "utf-8";
/* CSS Document */

body{
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	*font-size: 100.01%;
	_font-size: 100.01%;
	}
*:first-child+html body{
	font-size: 100.01%;
	}	
* html{ font-size:100%; }
*+html{ font-size:100%; }

/* レイアウト
------------------------------------------- */
#wrapper{
	width: auto;
	text-align: left;
}
#main{
	width: auto;
}
#contents_colum{
	width: 100%;
}
#side_colum{
	display:none;
}
#side_colum_inner{
}

/* リンクセット
------------------------------------------- */
a img{ border:none;} 

/*画像背景透明設定
------------------------------*/
img.photo-type{
	border:1px solid #666666;
}
/* カラー
------------------------------------------- */
.red{ color:#FF0000;}
.yellow{
	color:#FFCC00;
}
.blue{
	color:#0000FF;
}

#error{
	background-color: #EFEFEF;
	border: 1px solid;
	border-color: #FF0000;
	padding: 10px 20px;
}
.b-bottom{ border-bottom:1px solid #CCCCCC;}
/* 配置設定
------------------------------------------- */
.center{ text-align:center;}
.text-right{ text-align:right;}
ul.inline li{
	display:inline;
	margin-right:5px;
	text-align: center;
}
ul.inline li.last{ margin-right:0px;}
ul.photo-disp li{ float:left; margin-right:10px;}
ul.photo-disp li.last{ margin-right:0px;}
/* 回り込み
------------------------------------------- */
.float-right{
	float:right;
	text-align: center;
	padding: 0 0 10px 10px;
	background-color: #FFFFFF;
}
.float-left{
	float:left;
	margin: 0 15px 15px 0;
	text-align: center;
}

/* 回り込み解除
------------------------------------------- */
div.clr{
	clear: both;
	font-size: 0.1em;
	text-indent: -9999px;
}
div.clr hr{ display:none;}

/* マージン設定
------------------------------------------- */
h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{ list-style-type:none;}
.margin-20{ margin:20px 0;}
.margin-30{ padding:30px 0;}
.margin-l20{ margin:0 0 0 20px;}
.margin-t10{ margin:10px 0 0 0;}
.margin-b10{ margin:0 0 10px 0px;}
.margin-b20{ margin:0 0 20px 0px;}
.margin-lb20{ margin:0 0 20px 20px;}
.width50{ width:50%;}
.padding-t10{padding-top:10px;}
.padding-l10{padding-left:10px;}

#ui-tab ol li{ margin:0 0 10px 0px;}
#inline1 p{ margin:0 0 10px 0px;}

/* 行間設定
------------------------------------------- */
td,th{}

/* ヘッダー
------------------------------------------- */
#header{
	display:none;
}

/* アイコン
------------------------------------------- */
.icon_more a,
.icon_rss a{
	background-repeat: no-repeat;
	display: block;
	background-position: 0px 0px;
	padding:0 0 5px 21px;
	text-align: left;
}
.icon_more a{
	background-image: url(../images/view_more_text.png);
}
.icon_rss a{
	background-image: url(../images/ico_feed.png);
}


/* バナーエリア
------------------------------------------- */
.banner-area{
	margin-bottom: 15px;
}
.banner-area li{
	margin-bottom: 5px;
	text-align: center;
}

/* コンテンツヘッダー
------------------------------------------- */
#contents_header{
	display:none;
}

/* ページの先頭へ
------------------------------------------- */
#pagetop{
	display:none;
}

/* フッター
------------------------------------------- */
#footer{
	display:none;
}

/* パンくずリスト
------------------------------------------- */
#breadclumb{
	display:none;
}


/* ulリストスタイル
------------------------------------------- */
ul.list01 li{
	background-image: url(../images/squeir.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 10px;
}
ul.list02 li{
	background-image: url(../images/arrow02.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 14px;
}
ul.list03 li{
	background-image: url(../images/bg_asset_subtitle.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
}
ul.list04 li{
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 12px;
}

ul.link-list li{
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 12px;
}
ul.link-list li a{ text-decoration:none;}
ul.link-list li a:hover{ text-decoration:underline;}
.privacy ul.list03 li{
	margin-bottom: 20px;
}
.privacy ul.list03 li li{
	margin-bottom: 0px;
	margin-top: 15px;
}
.privacy ul.list03 li li li{
	margin-top:0px;
}
ul.list03 ol {
	margin-left: -18px;
}
ul.list03 ol li{ background:none; padding-left:0;}
ul.list03 ol li ul li{
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 14px;
}

.widget-list{

}
.widget-list li{
	background-image: url(../images/arrow02.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 12px;
	margin-bottom: 10px;

}
.widget-list .last{
	background: none;
	border-bottom: none;
}
.widget-list li li{
	background-image: url(../images/list_end.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	background-position: 0px 3px;
}

dl.list01{
	width: 660px;
	clear: both;
	overflow: auto;
	padding-bottom: 10px;
}
dl.last{
	padding-bottom: 0px;
}
dl.list01 dt{
	width: 60px;
	float: left;
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
	font-weight: bolder;
}
dl.list01 dd{
	width: 580px;
	float: right;
}

/* テーブルスタイル
------------------------------------------- */
.table-style01{
	margin-bottom: 20px;
	border-spacing: 1px;
	width: 100%;
	background-color:#CCCCCC;
}
.table-style01 caption{
	font-weight: bolder;
	text-align: left;
	border-bottom: 3px double #FF0000;
}
.table-style01 th,
.table-style01 td{
	padding: 5px 10px;

}
.table-style01 th{
	text-align: left;
	background-color: #F3F3F3;
	border-bottom: 1px solid;
	border-bottom-color: #FFFFFF;

}
.table-style01 td{
	background-color: #FFFFFF;

}
.table-style02{
	margin-bottom: 20px;
	border-spacing: 1px;
	width: 100%;
	clear: both;
	background-color: #CCCCCC;

}
.table-style02 th,
.table-style02 td{
	padding: 1px 5px;
	text-align: center;

}
.table-style02 th{
	text-align: center;
	background-color: #EAEAEA;
	border: 1px solid;
	border-color: #FFFFFF;

}
.table-style02 td{
	background-color: #FFFFFF;
	text-align: center;

}
.table-style02 td.link a{
	background-image: url(../images/view_more_text.png);
	background-repeat: no-repeat;
	display: block;
	text-align: left;
	padding-left: 21px;
	background-position: 0px 4px;
}

/*アセット
------------------------------------------- */
.asset{
	padding-bottom: 20px;
	width: 100%;
	background-image: url(../images/asset_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
.asset_last{
	margin-bottom: 0px;
}
.asset-header{
	background-image: url(../images/bg_asset_head.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 10px;

}
#main-index .asset-header{
	padding: 0px;
	position: relative;
	height: 35px;
	margin-bottom:0;
}
#contents .asset-header{
	padding: 8px 0 10px 5px;
	margin-bottom: 0px;
}
.asset-header ul{
	position: absolute;
	right: 0px;
	top: 10px;
}
.asset-header li{
	margin-right: 10px;
	float: left;
}
.asset-header h2{
	position: absolute;
	height: 14px;
	top: 15px;
	left: 15px;
}
.asset-header h3{
}
.asset-header h3 a{ text-decoration:none;}
h3.asset-subtitle{
	border-bottom: 2px solid;
	border-bottom-color: #CCCCCC;
	padding: 3px 5px;
	margin-bottom: 10px;
}
h4.asset-subtitle{
	margin: 10px 0;
	padding-left: 25px;
	background-image: url(../images/bg_asset_subtitle.gif);
	background-repeat: no-repeat;
}
.asset-header h3 a,
h3.asset-subtitle a{ text-decoration:none;}
.asset-header h3 a:hover,
h3.asset-subtitle a:hover{ text-decoration:underline;}

.asset-subtitle img{ margin:0 10px 0 0; vertical-align:middle;}
h3.asset-semititle{
	color: #990000;
	margin-bottom: 15px;
}
.asset-contents{



}
.asset-body{
	margin-bottom: 20px;
	line-height: 180%;
}
#contents .asset-contents{
	border: 1px solid;
	padding: 20px;
	border-color: #E6E6E6;
	margin-bottom: 20px;
	position: relative;
}
.asset-body p{
	margin-bottom: 10px;
}
#contents .asset-body p{
	margin-bottom: 20px;
}
#tabs-2 ol li{ margin-bottom:20px;}
#tabs-2 ol li li{ margin-bottom:0;}
/*ニュースリリース一覧
------------------------------------------- */
#news{}
#news dl{
	width: 680px;
	clear: both;
	overflow: auto;
	padding-bottom: 10px;
	padding-top: 10px;
}
#news dl.odd{ background-color:#FFFFFF;}
#news dl.even{
	background-color:#F4F0F2;
}
#news dl.last{
	padding-bottom: 0px;
}
#news dt{
	width: 80px;
	float: left;
	background-image: url(../images/arrow05.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
	margin-left: 10px;
}
#news dd{
	width: 570px;
	float: right;
}
#contents #news dl{ width:640px;}
#contents #news dd{ width:530px;}

/*ウィジェット
------------------------------------------- */
.widget{
	margin-bottom: 20px;
}
.widget_last{
	margin: 0px auto;
}

.widget .widget-contents{
	line-height: 170%;
	padding: 10px;
	color: #000000;
}
.widget .widget-head{
}

/*ウィジェット（catlist）
------------------------------------------- */
#catlist{
	margin-bottom: 10px;
	line-height: 100%;
}
#catlist ul{
	line-height: 100%;
	padding: 3px;
}
#catlist li{
	border-left: 1px solid;
	border-left-color: #E5151F;
	background-color: #FFFFFF;
	margin-bottom: 1px;
	height: 3em;
	min-height: 3em;
}
#catlist a{
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 22px;
	line-height: 3em;
	background-position: 10px 1.3em;
	height: 3em;
	min-height: 3em;
	text-decoration: none;
}
#catlist a:hover{
	background-color:#F0F0F0;
	color: #333333;
	text-decoration: underline;
}

#catlist li.last{
	border-bottom: none;
}
#catlist li.selected{
	background-color:#F0F0F0;
	text-decoration: underline;
}
#catlist li.selected a{
	text-decoration: underline;
}
.submenu{
}
.submenu li{
	width:200px;
	display:block;
	float: left;
	clear: both;
}
.submenu li a,
.submenu li img{
	width:200px;
	margin:0;
	padding:0;
	display:block;
}
.submenu li li a{
	line-height: 2.6em;
	/*background-image: url(../images/list_end.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;*/
	text-decoration: none;
}
.submenu li li a:hover{}
.submenu li li a span{
	/*text-indent: 20px;*/
	display: block;
	border: 1px solid;
	border-color: #CCCCCC;
	border-bottom:none;
}
/* ページのソート
------------------------------------------- */
.page_sort{
	float: right;
	vertical-align:middle;
}

/* トップページのタブ部分
------------------------------------------- */
#tabs .inner{background-color:#FFFFFF;}
/* ページ送り
------------------------------------------- */
.separator{
	text-align:left;
	padding:5px 0;
}
.separator li{
	display:inline-block;
	margin-right:3px;
	vertical-align:middle;
	text-align: center;
}
.separator li:after{
	display:inline;
	zoom:1;
}
* html .separator li{
	display:inline;
	zoom:1;
}
*:first-child+html .separator li{
	display:inline;
	zoom:1;
	}	

.separator a{
	position:relative;
	display:block;
	padding: 3px 8px;
	border: 1px solid;
	border-color: #E3E3E3;
	float: left;
	color: #333333;
}
.separator a:hover{
	border: 1px solid;
	border-color: #CCCCCC;
	color: #000000;
}
.separator a.link_before{
}
.separator a.link_before:hover{
}
.separator a.link_next{
}
.separator a.link_next:hover{
}
.separator .current_page{
	position:relative;
	display:block;
	padding: 3px 8px;
	border: 1px solid;
	border-color: #FF0000;
	background-color: #FF0000;
	color: #FFFFFF;
}


/* タブメニュー
------------------------------------------- */
#tabmenu{
	width: 100%;
	background-repeat: repeat-x;
	height: 34px;
	background-image: url(../images/bg_submenu.gif);
	background-position: bottom;
}

#tabmenu ul{
	margin: 0;
	padding: 4px 0 0 4px;
	float: left;
}

#tabmenu ul li{
	float: left;
	margin-right: 1px;
}
#tabmenu ul li,
#tabmenu ul li a{
	outline:none;
	display:block;
	background-repeat:no-repeat;
	height:30px;
}
#tabmenu ul li a{ font-size:0.1em; text-decoration:none; text-indent:-9999px;}
#tabs00 a{ background-image:url(../images/tabmenu00_n.jpg); width:58px;}
#tabs01 a{ background-image:url(../images/tabmenu01_n.jpg); width:73px;}
#tabs02 a{ background-image:url(../images/tabmenu02_n.jpg); width:91px;}
#tabs03 a{ background-image:url(../images/tabmenu03_n.jpg); width:99px;}
#tabs04 a{ background-image:url(../images/tabmenu04_n.jpg); width:88px;}
#tabs05 a{ background-image:url(../images/tabmenu05_n.jpg); width:71px;}
#tabs06 a{ background-image:url(../images/tabmenu06_n.jpg); width:86px;}
#tabs07 a{ background-image:url(../images/tabmenu07_n.jpg); width:96px;}

#tabmenu ul li a:visited{}

/*#tabmenu ul li a.selected{
	color: #663300 !important;
	background-color: #FFFFFF;
	background-image:none;
	position: relative;
	top: 1px;
}
*/
#tabmenu ul li a.selected{ background-position:0px -30px;}

.tab-contents	{
	clear: both;
	padding: 20px;
	margin: 0px;
	position: relative;
	background-image: url(../images/bg_asset.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #CCCCCC;
	line-height:180%;
}
.tab-contents h3{
	padding-left:25px;
	margin:5px 0;
	background-image: url(../images/bg_asset_subtitle.gif);
	background-repeat: no-repeat;
}
.tab-contents h3 a{ text-decoration:none;}
.tab-contents h3 a:hover{ text-decoration:underline;}
.tab-contents p{
	margin: 10px 0;
}

#contentsmenu{
	background-image: url(../images/bg_submenu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 10px;
}

#contentsmenu ul{
	margin: 0;
	padding:0 0 0 5px;
	float: left;
	/* width: 80%; width of menu*/
}

#contentsmenu ul li{
	display: inline;
}

#contentsmenu ul li a{
	float: left;
	color: #FFFFFF; /*text color*/
	padding: 5px;
	text-decoration: none;
	border-top:1px solid;
	border-left:1px solid;
	border-right: 1px solid; /*navy divider between menu items*/
	border-color:#CCCCCC;
	outline:none;
	background-color: #FF0000;
	margin-right:2px;
}

#contentsmenu ul li a:hover,
#contentsmenu ul li a:visited{
	color: #FFFFFF;
}

#contentsmenu ul li a.selected{
	color: #3366CC !important;
	padding-top: 6px; /*shift text down 1px*/
	padding-bottom: 4px;
	background-color: #FFFFFF;
	font-weight: bolder;
}


.preset{
	margin-bottom: 10px;
	background-color: #F4F4E3;
	padding: 10px;
	border: 1px solid;
	border-color: #CCCCCC;
}

.shortcut{}
.shortcut .colum01,
.shortcut .colum02,
.shortcut .colum03{
	background-repeat: no-repeat;
	padding-top:5px;
}
.shortcut .colum01{background-image: url(../images/shortcut_bg01.gif);}
.shortcut .colum02{background-image: url(../images/shortcut_bg02.gif);}
.shortcut .colum03{background-image: url(../images/shortcut_bg03.gif);}
.shortcut .colum01 .inner,
.shortcut .colum02 .inner,
.shortcut .colum03 .inner{
	background-repeat: no-repeat;
	background-position: bottom;
}
.shortcut .colum01 .inner{background-image: url(../images/shortcut_bg01.gif);}
.shortcut .colum02 .inner{background-image: url(../images/shortcut_bg02.gif);}
.shortcut .colum03 .inner{background-image: url(../images/shortcut_bg03.gif);}
.shortcut .box{
	width: 220px;
	float: left;
	margin-right: 10px;
	padding-bottom: 5px;
}
.shortcut .last{
	margin-right: 0px;
}
.shortcut h3{
	margin: 0 5px;
}
.shortcut h3 a{
	background-color: #E4E4E4;
	display: block;
	padding: 3px 5px;
}
.shortcut p{
	margin: 5px 5px 0 5px;
}

