@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : module.css
 Style Info : 共通要素の基本設定

11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
=================================================================== */

/*----------------------------------------------------------------
	共通
----------------------------------------------------------------*/
html {
	overflow-y:scroll;	/*縦スクロールのみ表示*/
}
body {
	color: #333;	/*文字色*/
	background: #fff;	/*背景色*/
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	/*ゴシック系文字で表示*/
}
body .large {
	font-size:14px;	/*拡大時の文字サイズ*/
}
body .small {
	font-size:82%;	/*縮小時の文字サイズ*/
}
body, input, textarea {
	/font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;	/*IE6,7用の文字設定*/
}
h1,h2,h3,h4,h5,h6,dt {
	font-weight: bold;	/*文字は太字*/
}
textarea {
	resize: vertical;	/*ユーザーに要素の高さのリサイズ機能を提供*/
}
img {
	vertical-align: top;	/*縦方向揃いは上揃い*/
	-webkit-transition: all 0.3s ease-in-out;	/*Chrome、Safari用*/
	transition: all 0.3s ease-in-out;	/*すべての要素を0.3秒ゆっくり始まりゆっくり終わる*/
}
em {
	color: #511;	/*文字色*/
	font-weight: bold;	/*文字は太字*/
	font-style:normal; 	/*文字装飾は標準*/
}
textarea {
	resize: vertical;	/*ユーザーに要素の高さのリサイズ機能を提供*/
}
address {
	font-style: normal;	/*標準フォント*/
}
a, a:link {
	color: #369;	/*文字色*/
	text-decoration: underline;	/*文字に下線を付ける*/
	-webkit-transition: all 0.2s linear;	/*Chrome、Safari用*/
	transition: all 0.2s linear;	/*すべての要素を0.2秒一定の速度で*/
}
a:visited {
	text-decoration: none;	/*文字装飾はなし*/
	color: #69a;	/*文字色*/
}
a:hover {
	text-decoration: none;	/*文字装飾はなし*/
	color: #69c;	/*文字色*/
}
a:active {
}

/* page要素
----------------------------------------------------------- */
div#page{
	text-align: left;	/*テキストは左揃え*/
}

/* header要素
----------------------------------------------------------- */
#header {
	background:url(../img/header/bg.gif) repeat-x;	/*背景画像を横に並べる*/
	width:100%;	/*幅は100%*/
	height:100px;	/*高さは100px*/
}
#header .inner {
	width:900px;	/*幅は900px*/
	margin:0 auto;	/*マージン上下0、左右自動*/
}

#header h1 {
	width:280px;	/*幅は280px*/
	float:left;	/*左寄せ*/
	padding:30px 0px 0px 0px;	/*パディング上30px、左右下0*/
}
#header section {
	width:340px;	/*幅は340px*/
	padding:64px 0 0 0;	/*パディング上64px、左右下0*/
	float:right;	/*左寄せ*/
	text-align:right;	/*テキストは右揃え*/
}
#header .inner ul {
	margin:0 auto;	/*マージン上下0、左右自動*/
	padding:0px;	/*パディング0*/
	list-style-type:none;	/*リストマーカーの種類は指定しない*/
}
#header .inner ul li {
	float:left;	/*左寄せ*/
	padding:0px 0px 0px 20px;	/*パディング左20px、上下右0px*/
}
#header .inner ul li a {
	background:url(../img/header/arrow.gif)0px 1px no-repeat;	/*背景画像を横0px、縦1pxの場所に配置、繰り返しなし*/
	display:block;	/*要素をブロック表示*/
	padding:0px 0px 0px 20px;	/*パディング左20px、上下右0px*/
	color:#333;	/*文字色*/
	text-decoration:none;	/*文字装飾はなし*/
}
#header .inner ul li a:hover {
	color:#369;	/*文字色*/
	text-decoration:underline;	/*文字に下線を引く*/
	background:url(../img/header/arrow.gif)1px 1px no-repeat;	/*背景画像を横1px、縦1pxの場所に配置、繰り返しなし*/
}

/* side要素
----------------------------------------------------------- */
#side {
	width: 180px;	/*幅は180px*/
	float: left;	/*左寄せ*/
	padding:0px;	/*パディング0*/
	margin: 0px 0px 40px 0px;	/*マージン下40px、上左右0*/
}
#side h2 {
	padding:0px 0px 10px 0px;	/*パディング下10px、上左右0*/
}
.bn ul {
	padding:0px;	/*パディング0*/
}
.bn ul li {
	list-style-type:none;	/*リストマーカーの種類は指定しない*/
	padding:0px 0px 10px 0px;	/*パディング下10px、上左右0*/
}
.bn a:hover img {
	filter: alpha(opacity=75); 	/*IE4以上用*/
	-moz-opacity: 0.75;	/*Firefox用*/
	opacity: 0.75;	/*透明度を0.75に指定*/
}

/* globalNavi Style要素
----------------------------------------------------------- */
#globalNavi{
	clear:both;	/*全ての回り込みを解除する*/
	overflow: hidden;	/*はみ出た部分は表示しない*/
	_zoom: 1;	/*拡大率は等倍（IE）*/
	padding:0 0 26px 0;	/*パディング下26px、上左右0*/
}
#globalNavi .inner{
	width:180px;	/*幅は180px*/
	margin:0 auto;	/*マージン上下0、左右自動*/
}
#globalNavi ul{
	width:180px;	/*幅は180px*/
	padding:0px 0px 20px 0px;	/*パディング下20px、上左右0*/
}

#globalNavi a:hover img {
	filter: alpha(opacity=60);	/*IE4以上用*/
	-moz-opacity: 0.60;	/*Firefox用*/
	opacity: 0.60;	/*透明度を0.6に指定*/
}

/* mainVisual要素
----------------------------------------------------------- */
#mainVisual{
	width:100%;	/*幅は100%*/
	margin:0 auto;	/*マージン上下0、左右自動*/
	text-align: center;	/*テキストは中央揃え*/
	background: url(../../img/index/bg_mainimage.gif) repeat-x;	/*背景画像を横に並べる*/
}
#submainVisual {
	width:100%;	/*幅は100%*/
	margin:0 auto;	/*マージン上下0、左右自動*/
	text-align: center;	/*テキストは中央揃え*/
	background: url(../img/submainimage_bg.gif) repeat-x;	/*背景画像を横に並べる*/
	height: 160px;	/*高さ160px*/
}

#crumbs {
	width:900px;	/*幅は900px*/
	margin:0px auto;	/*マージン上下0、左右自動*/
}
#crumbs ul {
	width:875px;	/*幅は875px*/
	border-top:1px solid #fff;	/*上部にボーダーを付ける*/
	border-bottom:1px solid #eee;	/*下部にボーダーを付ける*/
	background:#fafafa;	/*背景色*/
	margin:0px auto;	/*マージン上下0、左右自動*/
	list-style-type:none;	/*リストマーカーの種類は指定しない*/
	border-left:1px solid #fff;	/*左側にボーダーを付ける*/
	padding:2px 0px 7px 25px;	/*パディング上2px、右0、下7px、左25px*/
	height:20px;	/*高さは20px*/
}
#crumbs ul li {
	float:left;	/*左寄せ*/
	padding:5px 0px 7px 0px;	/*パディング上5px、右0、下7px、左0*/
}
#crumbs ul .home {
	padding:5px 0px 7px 20px;	/*パディング上5px、右0、下7px、左20px*/
	background: url(../img/header/home.gif) left 7px no-repeat;	/*背景画像を左寄せ、縦7pxの場所に配置、繰り返しなし*/
}

/* contents要素
----------------------------------------------------------- */
div#contents{
	width: 900px;	/*幅は900px*/
	margin: 0 auto;	/*マージン上下0、左右自動*/
	padding:0px 0px 20px 0px;	/*パディング下20px、上左右0*/
	_zoom: 1;	/*拡大率は等倍（IE）*/
}
#contents #crumbs{
	width:1000px;	/*幅は1000px*/
	background:#FAF8F5;	/*背景色*/
	padding:8px 10px;	/*パディング上下8px、左右10px*/
	margin:0 0 40px 0;	/*マージン下40px、上左右0*/
	border-bottom:1px solid #E5DFDA;	/*下部にボーダーを付ける*/
	border-top:1px solid #fff;	/*上部にボーダーを付ける*/
}
#contents #crumbs ul{
	display: inline;	/*要素をインラインで表示*/
}
#contents #crumbs li{
	color:#000;	/*文字色*/
	display: inline;	/*要素をインラインで表示*/
}
#contents #crumbs li span{
	color:#196280;	/*文字色*/
	padding:0 10px;	/*パディング上下0、左右10px*/
 }
#sub section {
	padding:0px 0px 40px 0px;	/*パディング下40px、上左右0*/
}

/* main要素
----------------------------------------------------------- */
#main{
	width: 640px;	/*幅は640px*/
	padding:0px 20px 0 0px;	/*パディング下20px、上左右0*/
	float: right;	/*右寄せ*/
	font-size: 100%;	/*文字サイズ100%*/
	line-height: 1.8;	/*行の高さは1.8*/
}
#main a:hover img {
	filter: alpha(opacity=75);	/*IE4以上用*/ 
	-moz-opacity: 0.75;	/*Firefox用*/
	opacity: 0.75;	/*透明度を0.75に指定*/
}
#main article {
	padding:0px 0px 40px 0px;	/*パディング下40px、上左右0*/
}
#main section {
}
#main p {
	font-size: 120%;	/*文字サイズ120%*/
}


/* 共通要素
----------------------------------------------- */
#main .kome {
	padding-left: 1em;	/*パディング左1em*/
	text-indent: -1em;	/*一行目のインデント幅-1em*/
}
#main .dis{
	background: #EEE;	/*背景色*/
	padding: 20px;	/*パディング20px*/
}
#main .dis em{
	display:block;	/*要素をブロック表示*/
	font-style:normal;	/*標準フォント*/
	color:#ed287b;	/*文字色*/
	font-size:18px;	/*文字サイズ18%*/
	padding:0 0 10px 0;	/*パディング下10px、上左右0*/
}
.bordered {
	border:1px solid #ddd;	/*ボーダー枠を設置*/
	padding:1px;	/*パディング1px*/
}
.f_left {
	float:left;	/*左寄せ*/
	padding:0px 18px 10px 0px;	/*パディング右18px、左右下0*/
}
.box1 {
	border:5px solid #ddd;	/*ボーダー枠を設置*/
	padding:20px 20px 0px 20px;	/*パディング上左右20px、下0*/
	background:#fafafa;	/*背景色*/
}

/* jsクラス */
.txtR{ text-align: right; }
.txtC{ text-align: center; }
.tabNav{ margin-bottom: 10px; }
.tabNav li{ display: inline; margin-right: 10px; }
.switchHat{ background: url(../img/icon/pura.jpg) no-repeat center left; padding-left: 10px; }
.nowOpen{ background: url(../img/icon/nainasu.jpg) no-repeat center left; }
.firstChild{}
.lastChild{}


/* footer要素
----------------------------------------------------------- */
#footer {
	padding:10px 0 10px 0;	/*パディング上下10px、左右0*/
	clear: both;	/*全ての回り込みを解除する*/
	border-top: 3px solid #462;	/*上部にボーダーを付ける*/
	background: #fafafa;	/*背景色*/
}
#footer .inner {
	margin:0 auto;	/*マージン上下0、左右自動*/
	width:900px;	/*幅は900px*/
}

#footer h2{
	width:180px;	/*幅は180px*/
	float:left;	/*左寄せ*/
}

#footer section {
	width:400px;	/*幅は400px*/
	float:right;	/*右寄せ*/
	text-align:right;	/*テキストは右揃え*/
}
#footer .inner ul {
	margin:0 auto;	/*マージン上下0、左右自動*/
	padding:0px;	/*パディング0*/
	list-style-type:none;	/*リストマーカーの種類は指定しない*/
}
#footer .inner ul li {
	float:left;	/*左寄せ*/
	padding:0px 0px 0px 20px;	/*パディング左20px、上下右0*/
}
#footer .inner ul li a {
	background:url(../img/header/arrow.gif)0px 1px no-repeat;	/*背景画像を横0px、縦1pxの場所に配置、繰り返しなし*/
	display:block;	/*要素をブロック表示*/
	padding:0px 0px 0px 20px;	/*パディング左20px、上下右0*/
	color:#333;	/*文字色*/
	text-decoration:none;	/*文字装飾はなし*/
}
#footer .inner ul li a:hover {
	color:#369;	/*文字色*/
	text-decoration:underline;	/*文字に下線を引く*/
	background:url(../img/header/arrow.gif)1px 1px no-repeat;	/*背景画像を横1px、縦1pxの場所に配置、繰り返しなし*/
}

#footer .copyright {
	clear: both;	/*全ての回り込みを解除する*/
	color:#666;	/*文字色*/
	padding:15px 0px 15px 0px;	/*パディング上下15px、左右0*/
	font-family: Arial, Helvetica, sans-serif;	/*ゴシック系のフォントを使用*/
	letter-spacing: 1px;	/*文字の間隔を1px*/
}
#footer .copyright a{
	color:#666;	/*文字色*/
	text-decoration:underline;	/*文字に下線を付ける*/
}
#footer .copyright a:hover{
	text-decoration: none;	/*文字の下線を消去*/
}
#footer .copyright span a{
	font-size:10px;	/*文字サイズ10px*/
	text-decoration:none;	/*文字装飾はなし*/
	color:#ccc;	/*文字色*/
	padding:0 0 0 10px;	/*パディング左10px、上下右0*/
}

#foot_left {
	float:left;	/*左寄せ*/
	width:200px;	/*幅は200px*/
}
#foot_right {
	float:right;	/*右寄せ*/
	text-align: left;	/*文字は左揃え*/
	width: 640px;	/*幅は640px*/
}

/* タイトル共通
----------------------------------------------------------- */
.sub_title01{
	width:680px;	/*幅は680px*/
	margin:0 0 30px 0;	/*マージン下30px、上左右0*/
	font-size:24px;	/*文字サイズ24px*/
	line-height:28px;	/*行の高さ24px*/
	color:#4D220E;	/*文字色*/
}



/* clearfix */
.inner:after{
    content: "";	/*文字の挿入はなし*/
    display: block;	/*要素はブロック表示*/
    clear: both;	/*全ての回り込みを解除する*/
}
.clearfix {
	width: 100%;	/*幅は100%*/
}
#main .imgArea:after, .clearfix:after {
	height:0;	/*高さは0*/
	visibility: hidden;	/*ボックスを非表示にする*/
	content: ".";	/*文字の挿入はなし*/
	display: block;	/*要素をブロック表示*/
	clear: both;	/*全ての回り込みを解除する*/
}