@charset "utf-8";

/* デフォルトcss 
-----------------------------------*/


/*==========*/
/* 基本設定 */
/*==========*/

html {
	height: 100%;
}
div#meincontainer{
	width: 100%;
	position:relative;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 980px;
	height: auto;
}
body {
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Calibri, Helvetica, Arial;
	line-height: 140%;
	color: #333;
	font-size: 12px;
	height: 100%;
	background-color: #FFEEEE;
}
@media only screen and (max-width: 640px) {
div#meincontainer{
	width: 320px;
	position:relative;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 320px;
} 
body > #meincontainer {
        height: auto;
}
body {
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Calibri, Helvetica, Arial;
	line-height: 140%;
	color: #333;
	font-size: 12px;
	height: 100%;
}}


/*==========*/
/* タグの設定 */
/*==========*/

h1 , h2 , h3 , h4 , h5 , h6 {
	margin: 0px;
	padding: 0px;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}
ul , ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
img {
	border: none;
}
@media only screen and (max-width: 640px) {
img {
	border: none;
	max-width: 100%; /* 横幅に合わせて自動縮小するが、拡大はしない */
	height: auto;
}}
a img {
	border: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
section,article {
	overflow: hidden;
}

/*============*/
/* リンク設定 */
/*============*/
/*未観覧リンク*/
a {
	color: #003399;
	text-decoration: none;
}
/*観覧済リンク*/
a:visited {
	color: #003399;
	text-decoration: none;
}
a:hover,a:active {
	color: #990000;
	text-decoration: underline;
}
/*ゆっくりと動かす場合*/
a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

/*画像リンクの設定*/
a img:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
@media only screen and (max-width: 640px) {
/*ゆっくりと動かす場合*/
a,a:hover {
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}
/*画像リンクの設定*/
a img:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}}



/*================*/
/* サイト共通設定 */
/*================*/
/* 太字 */
.bold { font-weight: bold;}

/* ブロックフロート解除 */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 回り込み */
.fleft { float: left !important;}/* 左 */
.fright { float: right !important;}/* 右 */
@media only screen and (max-width: 640px) {
/* 回り込み */
.fleft {
	float: none !important;
}/* 左 */
.fright { float: none !important;}/* 右 */
}
/* 回り込み解除 */
.clear { clear: both;}

/* 回り込み回避 */
.cl { overflow: hidden;}

/* 位置 */
.left { text-align: left !important;}/* 左 */
.right { text-align: right !important;}/* 右 */
.center { text-align: center !important;}/* 中央 */
.vtop { vertical-align: top !important;}/* 上 */
.vmiddle { vertical-align: middle !important;}/* 中央 */
.vpost { vertical-align: bottom !important;}/* 下 */

/* フォントカラー */
.col-black { color: #333333;}/* 黒（デフォルト） */
.col-red {
	color: #c81921;
}/* 赤 */
.col-green {
	color: #00741E;
}/* 緑 */
.col-blue {
	color: #006699;
}/* 青 */
.col-blue2 {
	color: #4AACC6;
}/* 青 */
.col-reds { color: #FF0000; font-weight: bold;}/* 赤強調 */

ol.blueilist {
    counter-reset: li;    /* li のカウンタを 0 にセット */ 
    list-style: none;
}

ol.blueilist li:before {
    font-weight: bold;
    counter-increment: li;   /* li の数を一つずつ増加 */
    content: counter(li) ". ";          /* 数を表示 */
}
ol.blueilist li:first-line {
	color: #006699;
}

/* フォントサイズ（基本サイズ12px）を基準に */
.f08 { font-size: 72% !important; line-height: 100%;}/* 08px相当 */
.f09 { font-size: 78% !important; line-height: 110%;}/* 09px相当 */
.f10 { font-size: 86% !important; line-height: 120%;}/* 10px相当 */
.f11 { font-size: 93% !important; line-height: 130%;}/* 11px相当 */
.f12 { font-size: 100% !important;}/* 12px相当 */
.f13 { font-size: 107% !important; line-height: 150%;}/* 13px相当 */
.f14 { font-size: 114% !important; line-height: 160%;}/* 14px相当 */
.f15 { font-size: 121% !important; line-height: 170%;}/* 15px相当 */
.f16 {
	font-size: 128% !important;
	line-height: 180%;
}/* 16px相当 */
.f17 { font-size: 135% !important; line-height: 190%;}/* 17px相当 */
.f18 { font-size: 142% !important; line-height: 200%;}/* 18px相当 */
.f21 { font-size: 175% !important; line-height: 200%;}/* 18px相当 */

/* 行間 */
.lh10 { line-height: 1.0;}
.lh11 { line-height: 1.1;}
.lh12 { line-height: 1.2;}
.lh13 { line-height: 1.3;}
.lh14 { line-height: 1.4;}
.lh15 { line-height: 1.5;}
.lh16 { line-height: 1.6;}
.lh17 { line-height: 1.7;}
.lh18 { line-height: 1.8;}
.lh19 { line-height: 1.9;}
.lh20 { line-height: 2.0;}

/* ボックスシャドウ */
.box-shadow {
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	-o-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	-ms-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}

/* 角丸 */
.radius {
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}
.imageposition {
	vertical-align: middle;
}

.mb50{
	margin-bottom: 50px;
}

.text-center{
    text-align: center;
}