@charset "Shift-JIS";

/* #############################################################

[  module ]

Additional authority person of parts : Web master

############################################################# */


/* ==========================================================================
 h1デザイン
=========================================================================== */
#content .h1Wrap {
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	background:no-repeat;
	zoom:1;
}
#content .h1Wrap h1 {
	padding:0 12px 15px 25px;
	background:no-repeat left bottom;
	font-weight:bold;
	font-size:153%;
}
#content .h1Wrap,
#content .h1Wrap h1 {
	background-image:url(../images/content/bg_h1_commoni.gif);
}
/* 汎用特集テンプレート用 */
#mainContainer.special #content .h1Wrap,
#mainContainer.special #content .h1Wrap h1 {
	background-image:url(../images/content/bg_h1_commoni.gif);
}


/* ==========================================================================
 h2デザイン
=========================================================================== */

/* h2デザイン（共通） */
#content .zoneH1 .h2Wrap,
#content .h2WrapLarge {
	padding:17px 0 0 0;
	background:no-repeat;
}
#content .zoneH1 .h2Wrap h2,
#content .h2WrapLarge h2 {
	padding:0 12px 12px 12px;
	background:no-repeat left bottom;
	font-weight:bold;
	font-size:113%;
}

/* h2デザイン（国内） ---------------*/
#mainContainer.dirKokunai #content .h2Wrap,
#mainContainer.dirKokunai #content .h2Wrap h2 {
	background-image:url(../images/content/bg_h2_kokunai.gif);
}
/* h2デザイン（海外） ---------------*/
#mainContainer.dirKaigai #content .h2Wrap,
#mainContainer.dirKaigai #content .h2Wrap h2 {
	background-image:url(../images/content/bg_h2_kaigai.gif);
}
/* 汎用特集テンプレート用 ---------------*/
#mainContainer.special #content .h2Wrap,
#mainContainer.special #content .h2Wrap h2 {
	background-image:url(../images/content/bg_h2_common.gif);
}
/* h2の幅が740pxバージョン ---------------*/
#content .h2WrapLarge,
#content .h2WrapLarge h2 {
	background-image:url(../images/content/bg_h2_common_large.gif);
}


/* ==========================================================================
 anchor style
=========================================================================== */
a:link {
	color:#0077b3;
	text-decoration:none;
}
a:visited {
	color:#0077b3;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* ==========================================================================
 link
=========================================================================== */
ul.link li,
li.link,
p.link {
	padding:0 0 0 10px;
	/*background:url(../images/icon_mark/mark_linkbullet.gif) no-repeat 0 0.25em;*/
}


/* ==========================================================================
 skip navigation
=========================================================================== */
#skipNavigation {
	display:none;
}

/* ==========================================================================
 topic path
=========================================================================== */
#topicPath {
	padding:10px 5px;
}
#topicPath ul {
	zoom:1;
}
#topicPath ul:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}
#topicPath ul li {
	float:left;
	display: inline;
	font-size:113%;
}
#topicPath ul li span {
	padding:0 10px;
}


/* ==========================================================================
 ページ内アンカー (.pageAnchor)
=========================================================================== */
#content .pageAnchor {
	margin:15px 0 0 0;
}
#content .pageAnchor ul {
	text-align:center;
}
#content .pageAnchor ul li {
	padding:6px 15px;
	display:inline;
	border-left:1px dotted #c4c4c4;
}
#content .pageAnchor ul li.firstChild {
	border-left:none;
}
#content .pageAnchor ul li a {
	padding-left:16px;
	background:url(../images/icon_mark/mark_arrow_under.gif) no-repeat;
	font-weight:bold;
	/*font-size:113%;*/
	white-space:nowrap;
}


/* ==========================================================================
 float basic function
=========================================================================== */
#content .boxTextR,
#content .boxTextL {
	width: 100%;
}
#content .boxTextR:after,
#content .boxTextL:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}

#content .boxTextR .img {
	float: left;
	margin: 0 10px 0 0;
}
#content .boxTextR .text {
	overflow: auto; /* for modern browser */
	zoom: 1; /* for ie6 */
}
#content .boxTextL .img {
	float: right;
	margin: 0 0 0 10px;
}
#content .boxTextL .text {
	overflow: auto; /* for modern browser */
	zoom: 1; /* for ie6 */
}


/* ==========================================================================
 separator
=========================================================================== */
hr.separator {
	display:none;
}

/* ==========================================================================
 このページの先頭へ
=========================================================================== */
.pagetop {
	margin:25px 0 15px 0;
	text-align:right;
}



/* ==========================================================================
 フリーエリア（.freeArea）
=========================================================================== */
.freeArea {
	clear:both;
	margin-top:5px;
	zoom:1;
}


/* ==========================================================================
 汎用特集テンプレート用パターン
=========================================================================== */

/* -------------------------------------------------------------- 
パターン1：左画像、右テキストエリア（.tempPattern1）
-------------------------------------------------------------- */
#content .tempPattern1 {
	zoom:1;
	margin:15px 0 0 0;
}
#content .tempPattern1:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}
#content .tempPattern1 .photo {
	float:left;
	display:inline;
	width:198px;
	text-align:center;
}
#content .tempPattern1 .text {
	float:left;
	display:inline;
	width:492px;
	margin-left:10px;
}
#content .tempPattern1 .text h3 {
	font-size:113%;
	font-weight:bold;
}


/* -------------------------------------------------------------- 
パターン2：2ペイン（.tempPattern2）
-------------------------------------------------------------- */
#content .tempPattern2 {
	zoom:1;
	margin:15px 0 0 0;
}
#content .tempPattern2:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}
#content .tempPattern2 .unitL {
	float:left;
	display: inline;
	width:340px;
}
#content .tempPattern2 .unitR {
	float:right;
	display: inline;
	width:340px;
}
#content .tempPattern2 h3 {
	font-size:113%;
	font-weight:bold;
	min-height: 3.5em;
	height: auto !important;
	height:3.5em;
}
#content .tempPattern2 .photo {
	float:left;
	display:inline;
	width:198px;
}
#content .tempPattern2 .photo .photoimage {
	width:198px;
	text-align:center;
}
#content .tempPattern2 .text {
	float:left;
	display:inline;
	width:132px;
	margin-left:10px;
}

/* -------------------------------------------------------------- 
パターン3：3ペイン（.tempPattern3）
-------------------------------------------------------------- */
#content .tempPattern3 {
	zoom:1;
	margin:15px 0 0 0;
}
#content .tempPattern3:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}
#content .tempPattern3 .unitL {
	float:left;
	display: inline;
	width:210px;
}
#content .tempPattern3 .unitC {
	float:left;
	display: inline;
	width:210px;
	margin:0 0 0 35px;
}
#content .tempPattern3 .unitR {
	float:right;
	display: inline;
	width:210px;
}
#content .tempPattern3 h3 {
	font-size:113%;
	font-weight:bold;
	min-height: 4.5em;
	height: auto !important;
	height:4.5em;
}
#content .tempPattern3 .photo {
	margin:0 0 20px 0;
	text-align:center;
}


/* ==========================================================================
 旧コンテンツ入れ込みコンテナ
=========================================================================== */
#content .includeOldContents {
	width: 541px;
	margin:0 auto;
}


/* ==========================================================================
 汎用定義
=========================================================================== */

/* マージン調整
--------------------------------------------- */

/* 上 */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt18 { margin-top: 18px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

/* 左 */
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }

/* 下 */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

/* 右 */
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

/* align,valign */
.alignR { text-align: right !important; }
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.valignT { vertical-align: top !important; }
.valignM { vertical-align: middle !important; }
.valignB { vertical-align: bottom !important; }


/* clearfix
-------------------------------------------------------------- */
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
}
.clearfix {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
