/*==-----------------------------------------------
CSS Information

 File name:      base.css
 Author:         Crea.,Inc.
 Style Info:     標準のスタイル

-------------------------------------------------*/


/*============================================
全サイズ基本ベース　（スモールサイズ　320px～599px）
============================================*/


/*==-----------------------------------------------
フルードメディア
-------------------------------------------------*/
img, video {
    height: auto;
    max-width: 100%;
}
.ie8 img {
    width: 100%;
}

/*==-----------------------------------------------
body
-------------------------------------------------*/
html { font-size: 62.5%; }

body {
    font-size: 1.4rem;
    font-size:14px;
    line-height:1.5;
	font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: break-all;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}

.pc{
	display:none;
}
.sp{
	display:block;
}
.spInline{
	display:inline;
}

/*==-----------------------------------------------
link style
-------------------------------------------------*/

a{overflow: hidden;}
a:link {color:#095769;}
a:visited {color:#095769;}
a:hover {color: #00a0b3;}
a:active {color: #00a0b3;}


.transition {
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a.alpha:hover {
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}
a.underline {
	text-decoration: underline;
}


/*==-----------------------------------------------
align style
-------------------------------------------------*/
.txt_right{text-align:right;}
.txt_left{text-align:left;}
.txt_center{text-align:center;}

.flo_right{float:right;}
.flo_left{float:left;}


/*==-----------------------------------------------
text decoration
-------------------------------------------------*/


hr{
	margin: 0;
	clear:both;
}

ul{
	list-style-type:none;
}
ol{
	list-style-type:decimal;
}
#container #main article{
	clear:both;
	margin:0 0 20px 0;
}

#container #main section{
	clear:both;
	margin:10px;
}
/*==-----------------------------------------------
headding
-------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
#container #main h1,
#container #main h2,
#container #main h3,
#container #main h4,
#container #main h5,
#container #main h6{
	margin:0 10px 10px 10px;
}

#container #main h1{
	color: #fff;
	font-size:1.8rem;
	font-size:18px;
	margin:0;
	padding:5px 0 5px 30px;
	background:#020511 url(/src/pc/image/common/h1_mark.png) 7px 50% no-repeat;
	background-size:19px auto;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	border-bottom:1px solid #fff;
}

#container #main hr.uh1{
	height: 1px;
	border: none;
	border-top: 3px #020511 solid;
	margin:0 0 2px 0;
}

#container #main h2{
	font-size:1.5rem;
	font-size:15px;
	background:#095769;
	margin:0;
	color: #fff;
	padding:3px 7px;
}
#container #main h3{
	font-size:1.5rem;
	font-size:15px;
}
#container #main h4{
	font-size:1.5rem;
	font-size:15px;
}
#container #main h5{
	font-size:1.4rem;
	font-size:14px;
}
#container #main h6{
	font-size:1.4rem;
	font-size:14px;
}

/*==-----------------------------------------------
paragraph
-------------------------------------------------*/
#container #main p,
#container #main ul,
#container #main ol,
#container #main dl{
	margin:0 10px 10px 0;
	text-shadow:1px 1px 0 #FFF;
}

#container #main section p,
#container #main section ul,
#container #main section ol,
#container #main section dl{
	margin:0 0 10px 0;
	text-shadow:1px 1px 0 #FFF;
}

#container #main ol{
	padding:0 20px;
}

#container #main table{

}
#container #main table caption{
	background:#000;
	padding:5px 5px 2px 10px ;
	color:#fff;
	text-align: left;
	font-weight:bold;
}
/*==-----------------------------------------------
clearfix
-------------------------------------------------*/

.clearfix {clear:both; }

.clearfix:after,
#wapper:after,
nav:after,
header:after,
#inner:after,
article:after,
section:after,
aside:after{
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
     font-size:0.1em;
}

.clearfix,
#wapper,
nav,
header,
#inner,
article,
section,
aside{
display: inline-block;
}

.clearfix,
#wapper,
nav,
header,
#inner,
article,
section,
aside{
display: block;
}


/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*html5の新要素をブロック要素にする */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}




/*============================================
ミディアムサイズ　600px～959px
============================================*/

@media only screen and (min-width:600px){
	#container #main p,
	#container #main ul,
	#container #main ol,
	#container #main dl{
		margin:0 30px 10px 30px;
	}

	#container #main h1{
		padding:5px 0 5px 43px;
		background:#020511 url(/src/pc/image/common/h1_mark.png) 14px 50% no-repeat;
		background-size:23px auto;
	}
	#container #main h2{
		padding: 3px 15px;
	}
	#container #main section{
		margin:20px 30px 20px 30px;
	}
}


/*============================================
ラージサイズ　960px～
============================================*/

@media only screen and (min-width:960px){
	.pc{
		display:block;
	}
  .pc.inBlock{
		display: inline-block;
	}
	.sp{
		display:none;
	}
  .spInline{
  	display:none;
  }

	#container #main h1{
		padding:4px 0 4px 50px;
		background:#020511 url(/src/pc/image/common/h1_mark.png) 14px 50% no-repeat;
		background-size:28px auto;
		font-size:2.4rem;
		font-size:24px;
	}

	#container #main h2{
		font-size:1.8rem;
		font-size:18px;
	}
	#container #main h3{
		font-size:1.8rem;
		font-size:18px;
	}
	#container #main h4{
		font-size:1.6rem;
		font-size:16px;
	}
	#container #main h5{
		font-size:1.6rem;
		font-size:16px;
	}
	#container #main h6{
		font-size:1.4rem;
		font-size:14px;
	}
	/*==-------paragraph------*/
	#container #main dl{
		border-bottom:dotted 1px #666;
		margin-bottom:10px;
		padding-bottom:10px;
	}
}