@charset "utf-8";

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/* 共通
------------------------------------------------------------------ */
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

a {text-decoration:none;}

body {
	background:#f0f0f0 url(../img/bg.gif) 0 0 repeat-y;
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "Lucida Grande",geneva,verdana,sans-serif;
	line-height:1.5em;
}

p {
	margin:0;
	padding:0;
}

img{
	margin:0;
	padding:0;
	border:0px;
	vertical-align: bottom;
}

hr,
.hide {
	display:none;
}

.clear {
	clear:both;
}

.floatR {
	float:right;
}

.floatL {
	float:left;
}

.tl {
	text-align:left;
}

.tr {
	text-align:right;
}

.tc {
	text-align:center;
}

/* 各種テキスト指定
------------------------------------------------------------------ */
.strong {font-weight:bold;}
strong {font-weight:bold;}

.textWhite {color:#FFF;}
.textBrack {color:#000;}
.textRed {color:#851616;}
.textGold {color:#b9a15a;}
.textMens {color:#2f3756;}
.textLadies {color:#712340;}

a:link { color: #535ca7; text-decoration: none; }
a:visited { color: #535ca7; text-decoration: none; }
a:hover { color: #535ca7; text-decoration: underline; }
a:active { color: #535ca7; text-decoration: underline; }

.textSmall {
	font-size:85%;
	line-height:1.2em;
}

.textLarge {
	font-size:110%;
	font-weight:bold;
}


/* clearFix
------------------------------------------------------------------ */
.clearFix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

.clearFix {
	display: inline-table;
}

/*\*/
*html .clearFix {
	height: 1%;
}
.clearFix {
	display:block;
}
/**/


/* wrapper
------------------------------------------------------------------ */
#wrapper {
	width:850px;
	text-align:left;
}

/* ヘッダー
------------------------------------------------------------------ */
#header {
	width:807px;
	margin-bottom:10px;
}

#header #lead_header {
	float:left;
	width:288px;
	height:27px;
	margin-top:25px;
	background:url(../img/lead_header.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

/* フッター
------------------------------------------------------------------ */
.bg_w { background-color: #ffffff; }

.bg_pink { background-color: #f13e8f; }

/* h1
------------------------------------------------------------------ */
h1 {
	float:left;
	width:150px;
	height:48px;
	margin-top:20px;
	background:url(../img/logo_zexynavi.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

h1 a {
	display:block;
	width:134px;
	height:48px;
	text-decoration:none;
	overflow:hidden;
	outline:none;
}

/* コンテンツエリア
------------------------------------------------------------------ */
#contArea {
	width:807px;
	margin-left:20px;
}

#contAreaLeft {
	width:587px;
	float:left;
}

#contAreaRight {
	float:right;
	width:200px;
}

#contAreaRight #banner {
	padding:15px;
	background:#ececec;
}

#contAreaRight #article {
	margin-top:15px;
	padding:15px;
	background:url(../img/article_sec_bg.jpg) 0 0 no-repeat;
}

/* topicPath
------------------------------------------------------------------ */

#topicPath {
	width:807px;
	min-height:20px;
	_height:20px;
	background:#F18799;
}

#topicPath p {
	padding:5px 10px 0;
	color:#FFFFFF;
	font-size:85%;
	line-height:100%;
}

#topicPath a:link {color:#FFFFFF; text-decoration:underline;}
#topicPath a:visited {color:#FFFFFF; text-decoration:underline;}
#topicPath a:hover {color:#FFFFFF; text-decoration:none;}

#topicPath strong {
	color:#ffff00;
	font-weight:normal;
}

/* 各種ボックス
------------------------------------------------------------------ */
.itemBoxLg {
	/* clear:both; */
	width:807px;
	margin-bottom:20px;
}

.itemBox {
	/* clear:both; */
	width:587px;
}

.item100 { width:100px; }

/* マージン設定
------------------------------------------------------------------ */
.ma { margin:0 auto;}

.mt1 { margin-top:1px; }
.mt2 { margin-top:2px; }
.mt3 { margin-top:3px; }
.mt4 { margin-top:4px; }
.mt5 { margin-top:5px; }
.mt8 { margin-top:8px; }
.mt9 { margin-top:9px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }

.mb1 { margin-bottom:1px; }
.mb3 { margin-bottom:3px; }
.mb5 { margin-bottom:5px; }
.mb7 { margin-bottom:7px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml70 { margin-left:70px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }

/* トップへ戻る
------------------------------------------------------------------ */
.toTopBox {
	width:586px;
	padding-bottom:5px;
}

.toTopBox .totop {
	float:right;
	width:76px;
}

.toTopBox .tobefore {
	float:left;
	width:76px;
}
/* End css ------------------------------------------------------- */