@charset "utf-8";
/* Common CSS Setting  */



/*-------------------------------------------*/
/*	初期化
/*-------------------------------------------*/
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/*行の高さをフォントサイズと同じにしています*/
body {
	line-height: 1;
}
/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
/*ul,olのマーカー（行頭記号）を表示しないようにしています*/
ol, ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています。また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}


/* --- BASIC setting ----------------------------------------------------------------------------------------- */
html {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
li {
	list-style:none;
}
.ie6_error, .noScript {
	background:#F66;
	padding: 30px;
	text-align:center;
	font-size:150%;
	color:#333;
}
.last-child {
	margin:0 !important;
}



/* --- UTILITY ---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
 margin
---------------------------------------------------------------------- */
.m0{margin:0 !important}			/* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}		/* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}		/* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}	/* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}		/* margin-left0px を指定するクラス*/
.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}
.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}
.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}
.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}
.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}
.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}
.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60p !importantx}
.m70{margin:70px !important}
.mt70{margin-top:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}
.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}
/* ----------------------------------------------------------------------
 padding
---------------------------------------------------------------------- */
.p0{padding:0 !important}			/* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}		/* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}	/* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important}	/* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}		/* padding-left0px を指定するクラス */
.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}
.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}
.p15{padding:15px !important}
.pt15{padding-top:15px !important}
.pr15{padding-right:15px !important}
.pb15{padding-bottom:15px !important}
.pl15{padding-left:15px !important}
.p20{padding:20px !important}
.pt20{padding-top:20px !important}
.pr20{padding-right:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}

/* ----------------------------------------------------------------------
 font-utility
---------------------------------------------------------------------- */
/* フォントサイズ px % */
.fs10{font-size:10px}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs24{font-size:24px}
.fs32{font-size:32px}
.fs36{font-size:36px}
.fp70{font-size:70%}
.fp80{font-size:80%}
.fp90{font-size:90%}
.fp100{font-size:100%}
.fp110{font-size:110%}
.fp120{font-size:120%}
.fp130{font-size:130%}
.fp140{font-size:140%}
.fp150{font-size:150%}
.fp160{font-size:160%}
.fp170{font-size:170%}
.fp180{font-size:180%}
.fp190{font-size:190%}
.fp200{font-size:200%}
/* テキストデコレーション */
.b{font-weight:bold}				/* 太字 */
.u{text-decoration:underline}	/* 下線 */
/* テキストカラー */
.color-red{color:red}				/* 赤色 */
.color-blue{color:#2ca9e1}		/* 青色 */
.color-green{color:#82ae46}		/* 緑色 */
.color-orange{color:#ff7d00}		/* 橙色 */
.color-yellow{color:#fff000}		/* 黄色 */
.color-pink{color:#ff0084}		/* ピンク */
.color-gray{color:#999}		/* グレー */
.color-black{color:#000}	/* 黒 */
.color-white{color:#FFF}	/* 黒 */
/* テキスト背景色 */
.bg-yellow{background:#ff0}		/* 黄色の文字背景 */
.bg-blue{background:#4ab0f5}	/* 青色の文字背景 */
.bg-red{background:red}			/* 赤色の文字背景 */
.bg-gray{background:#CCC}			/* 灰色の文字背景 */
.bg-black{background:#000}			/* 黒色の文字背景 */
.bg-orange{background:#ff7f00}

/* インデント設定（文字数別） */
.ind1em{
	padding-left: 1em;
	text-indent: -1em;
	margin-left: 1em;
}
.ind2em{
	padding-left: 2em;
	text-indent:-2em;
}
/* ラインハイト */
.lh100{line-height:1em !important}
.lh150{line-height:1.5em !important}
.lh200{line-height:2em !important}
.lh300{line-height:3em !important}
.uline_yellow {
	background-image: url(../images/common/uline_yellow.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.uline_blue01 {
	background-image: url(../images/common/uline_blue.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.uline_blue02 {
	background-image: url(../images/common/uline_blue2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.uline_blue3 {
	background-image: url(../images/common/uline_blue3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.uline_lgreen {
	background-image: url(../images/common/uline_lgreen.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.uline_purple {
	background-image: url(../images/common/uline_purple.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* ----------------------------------------------------------------------
 align
---------------------------------------------------------------------- */
/* テキストアライン */
.alignC{text-align:center !important}	/* 中央寄せ */
.alignR{text-align:right !important}	/* 右寄せ */
.alignL{text-align:left !important}		/* 左寄せ */
/* ヴァーチカルアライン */
.valignT {vertical-align:top !important}
.valignM {vertical-align:middle !important}
.valignB {vertical-align:bottom !important}
/* ----------------------------------------------------------------------
 float
---------------------------------------------------------------------- */
.fltR{
	float: right;
}	/* 右に回り込み */
.fltL{
	float: left;
}	/* 左に回り込み */
.fltClear{clear:both}			/* 回り込みの解除 */
/* ----------------------------------------------------------------------
 img
---------------------------------------------------------------------- */
img.centered {margin-left:auto;
				margin-right:auto;
				display:block;
}
/* ----------------------------------------------------------------------
 br
---------------------------------------------------------------------- */
br {
	margin-bottom: 0.3em;
	letter-spacing: normal;
	display: block;
}
/* ----------------------------------------------------------------------
 hr
---------------------------------------------------------------------- */
hr {
	padding: 0;
	background-color: #CCCCCC; /* 線の色(NN用) */
	color: #CCCCCC; /* 線の色(IE用) */
	border: 0; /* 枠の太さ */
	height: 1px; /* 線の太さ */
	width: 100%; /* 線の長さ */
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	text-align: center;
	clear: both;
}
/* ----------------------------------------------------------------------
 boxBorder
---------------------------------------------------------------------- */
.boxBorder {
	margin-right: auto;
	margin-left: auto;
	border: thick solid;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	padding: 0.5em;
}
.boxBorder2 {
    background-color: #ffffff;
    border: none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: none;
	position: relative;
}

.boxBorder2 p {
	position: absolute;
	left: 360px;
	top: 36px;
	width: 672px;
	font-size: 18px;
	line-height: 1.66em;
}
/* ----------------------------------------------------------------------
 centerling menu
---------------------------------------------------------------------- */
.menuC {
	position: relative;
	overflow: hidden;
	margin-top: 15px;
}
.menuC ul {
	float: left;
	left: 50%;
	position: relative;
	margin-bottom: 10px;
}
 .menuC li {
float:left;
margin-right:20px;
left:-50%;
position:relative;
}
/* ----------------------------------------------------------------------

 clearfix

---------------------------------------------------------------------- */
/*フロートクリアー*/
.clear {clear: both;}
/*IE以外向け*/
.clearfix:after, section:after, dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, section, dl {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html section, * html dl {height: 1%;}
.clearfix, section, dl {display: block;}
/* End hide from IE-mac */