@charset "utf-8";

/*==================================================
*
* 汎用class設定
*
==================================================*/

/*--------------------------------------------------
* マージン
--------------------------------------------------*/
.mb1 { margin-bottom: 1px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb6 { margin-bottom: 6px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb9 { margin-bottom: 9px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb11 { margin-bottom: 11px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb13 { margin-bottom: 13px !important; }
.mb14 { margin-bottom: 14px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb17 { margin-bottom: 17px !important; }
.mb18 { margin-bottom: 18px !important; }
.mb19 { margin-bottom: 19px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 50px !important; }


/*--------------------------------------------------
* 幅調整
--------------------------------------------------*/
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }
.w450 { width: 450px !important; }


/*--------------------------------------------------
* パーツ
--------------------------------------------------*/
#nav .hide,
#article .hide {
	display: none;
}

#article .clear {
	clear: both;
}

#article .fLeft {
	float: left;
}

#article img.fLeft {
	width: auto;
	margin: 0 10px 10px 0;
}

#article .fRight {
	float: right;
}

#article img.fRight {
	width: auto;
	margin: 0 0 10px 10px;
}

#article .nowrap {
	white-space: nowrap;
}

#article .indent01 {
	text-indent: -1em;
	padding-left: 1em;
}

#article .caution01 {
	color: #F00;
}

#article .caution02 {
	color: #09C;
}

#article .caption {
	color: #666;
}

#article .bold {
	font-weight: bold;
}

#article .small {
	font-size: 84%;
}

#article .large {
	font-size: 117%;
}

#article .xlarge {
	font-size: 134%;
}

#article .right {
	text-align: right;
}

.center {
	text-align: center;
}

#article h1,
#article .title01 {
	clear: both;
	min-height: 40px;
	_height: 40px; /* IE6 */
	line-height: 1.1;
	margin-bottom: 15px;
	color: #09C;
	font-size: 225%;
	background: url(/common/images/bg_title01.gif) no-repeat 0 100%;
}

#article h2,
#article .title02,
.popSection h1 {
	clear: both;
	margin-bottom: 15px;
	padding: 10px;
	color: #09C;
	font-size: 150%;
	background: #D9F0F7;
}

#article h3,
#article .title03 {
	clear: both;
	margin-bottom: 10px;
	padding: 5px 0 0 7px;
	border-left: 3px solid #99D6EB;
	color: #09C;
	font-size: 109%;
	background: none;
}

.icon01 {
	padding-left: 15px;
	background: url(/common/images/icon_arrow01.gif) no-repeat 0 50%;
}

#article .nospace {
	margin: 0 !important;
	padding: 0 !important;
}

.goTop {
	clear: both;
	margin: 0 22px 25px 0;
	font-size: 84%;
	text-align: right;
}

.goTop a {
	padding-left: 15px;
	background: url(/common/images/icon_arrow02.gif) no-repeat 0 50%;
}

/*---- social ----*/
#social {
	margin: 20px 10px 10px 0px;
	padding-bottom: 20px;
	padding-top: 20px;
	border-top: 1px #CCC solid;
}

#social li {
	float: left;
	margin-right: 15px;
}

#facebook {
clear: both;
border:none; 
height: 80px;
overflow: hidden;
padding-top: 7px;
margin: 0;
display: none;
}


/*--------------------------------------------------
* テーブル
--------------------------------------------------*/

/*----- タイプ01 -----*/
table.type01 {
	width: 720px;
	border-collapse: collapse;
	border-top: 1px solid #B4946D;
	border-bottom: 1px solid #B4946D;
	font-size: 100%;
	line-height: 1.7;
}

table.type01 th {
	padding: 8px 5px 6px;
	border: 1px solid #B4946D;
	color: #8C6233;
	font-weight: bold;
	text-align: center;
	background: #FAEEDC;
}

table.type01 td {
	padding: 8px 5px 6px;
	border: 1px solid #B4946D;
}


/*--------------------------------------------------
* リスト
--------------------------------------------------*/

/*----- タイプ01 -----*/
ul.type01 li {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(/common/images/icon_square01.gif) no-repeat 0 3px;
}

ul.type01 li ul {
	margin-top: 5px;
}

/*----- タイプ02 -----*/
ul.type02 li {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(/common/images/icon_arrow01.gif) no-repeat 0 3px;
}

ul.type02 li ul {
	margin-top: 5px;
}

/*----- タイプ03 -----*/
ol.type03 {
	margin-left: 20px;
}
ol.type03 li {
	margin-bottom: 5px;
	list-style: decimal;
}

ol.type03 li ul {
	margin-top: 5px;
}

/*----- タイプ04 -----*/
ul.type04 li {
	display: inline;
	float: left;
	margin-right: 15px;
}


/*--------------------------------------------------
* レイアウト
--------------------------------------------------*/
.popSection {
	background: #FFF !important;
}

.sectionWrapper {
	padding: 10px;
	background: #F0F8FF;
}


/*--------------------------------------------------
* clearfix
--------------------------------------------------*/
.cf {
	display: inline-block;
}

.cf:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
}
/* MacIE \*/

* html .cf {
	height: 1%;
}

.cf {
	display: block;
}
/* end MacIE */