﻿@charset "utf-8";


/* ----------------------------------------
  Default Reset   common Style Seet

	1-1.ブラウザ初期設定リセット
	1-2.配置
	1-3.マージン
	1-4.文字の大きさ
	1-5.行間
	1-6.文字装飾
	1-7.文字の色
	1-8.ボーダー
	1-9.テーブル
	1-10.引用
	1-11.クリアフィックス
---------------------------------------- */


/* ----------------------------------------
  1-1.ブラウザ初期設定リセット
---------------------------------------- */

*{
	margin:0;
	padding:0;
	font-style:normal;
	letter-spacing:0;
}

html {
	overflow-y:scroll;
/*	2011/09/25 */
	font-family: Meiryo, 'メイリオ', Verdana, Arial, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}

p {margin:0;}

ul , li{list-style-type:none;}

img{
	border:0;
	vertical-align:bottom;
}

textarea{font-size:100%;}

form, fieldset, input, button{
	margin:0;
	padding:0;
	font-size:100%;
}

/* ----------------------------------------
  1-2.配置
---------------------------------------- */

.left{float:left;display:inline;}
.left2{
	float:left;
	display:block;
}
.right{float:right;display:inline;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.alignleft{text-align:left;}
.aligncenter{text-align:center !important;}
.alignright{text-align:right;}

.verticalT{vertical-align:top;}
.verticalM{vertical-align:middle !important;}

/* ----------------------------------------
  1-3.マージン
---------------------------------------- */

.m2{margin:2px !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m30{margin:30px !important;}
.m40{margin:40px !important;}

.mt2{margin-top:2px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}

.mr2{margin-right:2px !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;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}

.mb0{margin-bottom:0px !important;}
.mb2{margin-bottom:2px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb13{margin-bottom:13px !important;}
.mb15{margin-bottom:15px !important;}
.mb18{margin-bottom:18px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}

.mu60{margin-bottom:60px !important;}

.ml2{margin-left:2px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !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;}
.ml50{margin-left:40px !important;}
.ml60{margin-left:60px !important;}
.ml80{margin-left:80px !important;}

.mlm5{margin-left:-5px !important;}

/* ----------------------------------------
  1-3.5.パディング
---------------------------------------- */
.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}

.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}



/* ----------------------------------------
  1-4.文字の大きさ
---------------------------------------- */

.f50{font-size:50%;}
.f80{font-size:80%;}
.f90{font-size:90%;}
.f110{font-size:110%;}
.f120{font-size:120%;}
.f130{font-size:130%;}
.f150{font-size:150%;}
.f190{font-size:190%;}
.f200{font-size:200%;}

.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f25{font-size:25px;}
.f30{font-size:30px;}


/* ----------------------------------------
  1-5.行間
---------------------------------------- */

.lh110{line-height:110%;}
.lh120{line-height:120%;}
.lh130{line-height:130%;}
.lh140{line-height:140%;}
.lh150{line-height:150%;}
.lh160{line-height:160%;}
.lh170{line-height:170%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.lh200{line-height:200%;}


/* ----------------------------------------
  1-6.文字装飾
---------------------------------------- */

em{
	font-style:normal;
	font-weight:bold;
}
.bold{font-weight:bold;}
.italic{font-style:italic;}

/* ----------------------------------------
  1-7.文字の色
---------------------------------------- */

.red{
	color:#F00;
}
.white{color:#fefefe;}
.blue{
	color:#06C;
}
.black{color:#000000;}
.orange{color:#F09800;}
.forum_blue{color:#00A0E8;}

.aqua{color:#00ffff;}
.lime{color:#00ff00;}
.olive{color:#808000;}
.silver{color:#c0c0c0;}
.yellow{color:#ffff00;}
.gray{color:#808080;}
.maroon{color:#800000;}
.purple{color:#800080;}
.green{color:#63AB00;}
.navy{color:#000080;}

.j_green {color:#74b900;}


/* ----------------------------------------
  1-8.ボーダー
---------------------------------------- */

.border{border:1px solid #aaa;}


/* ----------------------------------------
  1-9.テーブル
---------------------------------------- */

table{
	border-collapse:collapse;
	border-spacing:1;
	empty-cells:show;
}


/* ----------------------------------------
  1-10.引用
---------------------------------------- */

blockquote{}


/* ----------------------------------------
  1-11.クリア
---------------------------------------- */

ul:after ,
dl:after ,
.clearfix:after ,
#container:after ,
#wrapper:after ,
#header:after ,
#globalmenu:after ,
.section1:after ,
.section2:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	font-size:0.1px;
}

ul ,
dl ,
.clearfix ,
#container ,
#wrapper ,
#header ,
#globalmenu ,
.section1 ,
.section2{
	zoom:100%;
}

.clearfix {
	clear: both;
}

/* clear float */
.clearfloat{
	height:0px;
	font-size:1pt;
	clear:both;
	display:block;
	line-height:0;
}

.cl{
	_zoom:1;
	overflow:hidden;
}
/* ----------------------------------------
  1-12.リスト
---------------------------------------- */
ul.li_float li{
	float:left;
	display:inline;
}
/* ----------------------------------------
  1-13.消すけい
---------------------------------------- */
.first{
	border:none !important;
}
.last{
	border:none !important;
	background:none !important;
}

/* ----------------------------------------
  1-14.意味ない
---------------------------------------- */
.naviRoll{}



/*---button----*/
.div_button1{
	margin-bottom: 25px;
	text-align: center;
}

.div_button2{
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}


a.button, a.button:link, a.button:visited {
	background: url(../img/common/bg_button_a.gif) no-repeat right top;
	display: block;
	float: left;
	height: 24px;
	padding-right: 18px;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
	width: 400px;
}

a.button:hover {
	color: #FF6600;
}

a.button span {
	background: url(../img/common/bg_button_span.gif) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
} 


a.button:active {
	background-position: bottom right;
	color: #666666;
	outline: none;
}

a.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px;
	width: auto;
} 


a.imghover:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}

.exp2013{
	font-weight: normal;
	color: #FFF;
	background-color: #F00;
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	border: 3px double #FFF;
	letter-spacing: 0.1em;
	line-height: 1.6em;
}
