@charset "utf-8";
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
/********************************
基本設定
********************************/
html
{
	-webkit-text-size-adjust:none;/*フォントサイズ自動調整OFF*/
}

a
{
	-webkit-tap-highlight-color:rgba(00,33,99,0.3);/*タップ時の背景色*/
}


body {
	font-size:14px;
	line-height:1.231;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}

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

/********************************
線スタイル
********************************/
hr
{
	clear:both;
}

hr.dot
{
	border-top:1px dashed #75bb29;
}

/********************************
ページトップへもどる
********************************/

#page_top
{
	position: fixed;
	bottom: 2px;
	right: 2px;
	z-index: 2;
}

/********************************
ヘッダ設定
********************************/

/*ヘッド（ロゴ）*/
.headArea
{
	width:100%;
	background: url(../images/head/head_back.gif);
	background-size:cover;
}

.headArea .logo{
	padding-top:17px;
	padding-left:5px;
	padding-bottom:7px;
	}
	
.headArea .title{
	padding-left:5px;
	padding-top:17px;
}
	

.text_whiteBorder
{
	text-shadow: #ffffff 2px 2px 0px, #ffffff -2px 2px 0px, #ffffff 2px -2px 0px, #ffffff -2px -2px 0px;
}



.headArea a
{
	display:block;
}

.headArea a:hover img
{
	visibility:visible;
}



/***************************
見出し設定
********************************/
h1
{
	margin:0;
	padding:0;
}
h1.normal
{
	clear:both;
	padding:8px;
	background-color: #f0f0f0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
	border: 1px solid #ccc;
	/*border-bottom:2px solid #293fbb;*/
	border-bottom:3px solid #293fbb;
	font-size:150%;
}

h2
{
	margin:0;
	padding:0;
	font-size: 130%;
}

h2.normal
{
	color: #323232;
	border-left:solid 3px #293fbb;
	border-bottom:solid 3px #293fbb;
	padding:3px 0 3px 5px;
}

h2.textLevel
{
	position: relative;
	padding: .5em 1em .5em 1.2em;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
}

h2.textLevel::after 
{
	position: absolute;
	top: .3em;
	left: .4em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 10px);
	background-color: #293fbb;
	border-radius: 4px;
}

h2.top
{
	clear:both;
	padding:8px;
	background-color: #f0f0f0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
	border: 1px solid #ccc;
	border-bottom:2px solid #293fbb;
}

h3.title
{
	font-size: 125%;
	font-weight: bold;
	line-height: 1.2;
}

h3.normal 
{
	clear:both;
	padding:3px 0 3px 5px;
	color: #ffffff;
	background-color:#075fc2;
	margin:10px 0 5px 0;
}

h3.top {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
}

h3.textLevel {
	color:#333;
	border-left:4px solid #cccccc;
	border-bottom:3px solid #cccccc;
	padding:2px 5px;
	font-size: 110%;
}

h3.textLevelVoice {
	font-weight: bold;
	padding: 4px 0 4px 3px;
	background-color: #F9F9F9;
	border-left: 5px solid #F29438;
}

h4 {
	font-size: 110%;
}

h5{	font-size:90%;}

/********************************
補足設定
********************************/
.attention
{
	background-color: #ECECEC;
	border-radius: 8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	padding: 10px;
	margin:5px;
}
.attentionBox
{
	padding:5px;
	background-color:#fffff5;
	border:2px solid #e4e1d8;
}
.attentionBorder
{
	border:solid 2px #959595;
	border-radius: 8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
}
.attentionBorderS
{
	border:solid 1px #D4D4D4;
	border-radius: 8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
}
.borderBox
{
	border:1px solid #cccccc;
}
.borderBoxBlue
{
	border:1px solid #2367E7;
	padding:10px;
}

aside p:last-child {
	margin-bottom: 0;
}


/*背景カラー*/
.bgGray
{
	background-color:#eeeeee;
	padding:5px;
}
.bgGrayGradation
{
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
	border: 1px solid #ccc;
	padding:5px;
}

.bgBlackGray
{
	background-color:#4a4a4a;
	padding:5px;
}
.bgRed
{
	background-color:#cc1a1a;
	padding:5px;
}
.bgOrange
{
	background-color: #fca205;
	padding:5px;
}

.bgYellow
{
	background-color:#fdfde0;
	padding:5px;
}
.bgPaleYellow
{
	background-color:#fffff5;
	padding:10px;
}
.bgBlue
{
	background-color:#2D3769;
	padding:5px;
}
.bgDeepBlue
{
	background-color:#0066CC;
	padding:5px;
}
.bgLightBlue
{
	background:#e8f6ff;
	}


.bgblackBlue
{
	background-color:#22308D;
	padding:5px;
}


.bgWhite
{
	background-color:#FFF;
	padding:5px;
}

.bgGreen
{
	background: #75bb29;
}

.bgYellowGreen
{
	background: #e0f9c4;
}

/*仕切り線*/
.partitionBottom
{
	border-bottom:1px dashed #cecece;
}
.partitionTop
{
	border-top:1px dashed #cecece;
}

/*箱の幅を中身に準ずる*/
.inlineBlockBox
{
	display:inline-block;
}


/********************************
レスポンスデバイス
********************************/
.resArea
{
	background:#fbffea;
}

/*お問合わせフォームはこちらボタン*/
.btnForm ul li{
	background-color:#f1533e;
	width:90%;
	border-radius: 3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	margin:0 auto;
	list-style:none;
	position:relative;
}

.btnForm ul li a{
	text-decoration:none;
	padding:20px 20px 20px 50px;
	display: block;
	font-size:1.11em;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

.btnForm ul li a:before{
	content: "\f003";
	font-family: FontAwesome;
	position: absolute;
	left:10%;
	top: 28%;
	color: #fff;
	font-size:1.3em;
}


/********************************
フッター設定
********************************/

footer p
{
	clear: both;
	padding: 0;
}
footer img
{
	vertical-align: top;
}
.copyright
{
	color:#ffffff;
	font-size:80%;
	padding:5px;
	text-align:center;
	background-color:#293fbb;
}


/*PCサイトへボタン*/
.btnPC a{
	width: 83%;
	text-indent:18px;
	font-weight: bold;
	font-size:90%;
	display: block;
	padding: 10px 10px 10px 10px;
	text-align:center;
	margin:0 auto;
	color: #666;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	border: 1px solid #ccc;
}

.btnPC a:before {
	content: "\f108";
	font-family: FontAwesome;
	position: absolute;
	left: 30%;
	top: auto;
	color: #666;
}

/********************************
フッターメニュー
********************************/

.footMenu
{
	background:#EBEBEB;
	padding:0 0 10px;
	/*padding:10px 0;*/
}

/*.text_GladBlueBorder
{
	text-shadow: #293fbb 2px 2px 5px, #293fbb -2px 2px 5px, #293fbb 2px -2px 5px, #293fbb -2px -2px 5px;
}

.text_blackBorder
{
	text-shadow: #333 2px 2px 5px, #333 -2px 2px 5px, #333 2px -2px 5px, #333 -2px -2px 5px;
}

.footMenu h3
{	
	padding:0 0 0 7px;
	color:#ffffff;
	background-size:18px 17px;
	font-size:90%;
	text-align:center;
}*/

.footMenu h3
{	
	/*margin:0;*/
	padding:15px;
	color:#ffffff;
	background: #293fbb;
	font-size:90%;
	text-align:center;
}

.footMenu h4
{	
	padding:0 0 0 7px;
	color:#333;
	background-size:18px 17px;
	font-size:90%;
	text-align:center;
}

.footList,.footList01,.footList02
{
	width:98%;
	margin:0 auto;
}

.footList li,.footList01 li,.footList02 li
{
	list-style: none;
	border-bottom: solid 4px #EBEBEB;
	border-left: solid 4px #EBEBEB;
	border-right: solid 4px #EBEBEB;
	box-sizing: border-box;
	height:46px;
	float:left;
	background: #fff;
	position:relative;
}

.footList01 li,.footList02 li
{
	width:100%;
}

.footList li
{
	width:50%;
}

.footList li:nth-child(odd)
{
	border-right: none;
}

.footList li:nth-child(n+3)
{
	border-top:none;
}

.footList li a,.footList01 li a,.footList02 li a
{
	padding: 15px 0px;
	text-align:center;
	text-decoration: none;
	color: #555;
	display: block;
	font-size:80%;
}

.footList li a span,.footList01 li a span,.footList02 li a span
{
	font-size: 70%;
}

.footList li a:after,.footList02 li a:after
{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 38%;
	color: #f20000;
	font-size:0.8em;
}

.footList01 li a:after
{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 38%;
	color: #0066CC;
	font-size:0.8em;
}



/*
.footMenu h3
{	
	padding:0 0 0 7px;
	color:#333;
	background-size:18px 17px;
	font-size:90%;
	text-align:center;
}

.footList,.footList01
{
	width:98%;
	margin:0 auto;
}

.footList li,.footList01 li
{
	list-style: none;
	border-bottom: solid 4px #EBEBEB;
	border-left: solid 4px #EBEBEB;
	border-right: solid 4px #EBEBEB;
	box-sizing: border-box;
	height:46px;
	float:left;
	background: #fff;
	position:relative;
}

.footList01 li
{
	width:100%;
}


.footList li a,.footList01 li a
{
	padding: 15px 0px;
	text-align:center;
	text-decoration: none;
	color: #555;
	display: block;
	font-size:80%;
}

.footList li a:after,.footList01 li a:after
{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 38%;
	color: #888;
	font-size:0.8em;
}*/



/********************************
フォントサイズ設定
********************************/
/*文字の大きさ*/

.smallestFontLev1{
	font-size: 60%;
}
.moresmallestFont
{
	font-size:65%;
}
.smallestFont
{
	font-size:80%;
}
.smallerFont
{
	font-size:85%;
}
.smallFont
{
	font-size:90%;
}
.middleFont
{
	font-size:95%;
}
.lageFont
{
	font-size:105%;
}
.lagerFont
{
	font-size:115%;
}
.lagerFontL
{
	font-size:120%;
}
.lagestFont
{
	font-size:150%;
}
.morelagestFont{
	font-size:180%;
}


/*文字の太さ*/
.normalWeight
{
	font-weight:normal;
}
.boldWeight
{
	font-weight:bold;
}

/********************************
フォントデコレーション
********************************/
.NonTextDecoration a
{
	text-decoration:none;
	color:#333333;
}
.NonTextDecorationRed a
{
	text-decoration:none;
	color:#F00;
}


.NonTextDecorationBlue a
{
	text-decoration:none;
	color:#0484e4;
}

.borderBottomNone
{
	border-bottom:none !important;
}
.borderTopNone
{
	border-top:none !important;

}



/********************************
フォントカラー設定
********************************/
.textRed
{
	color:#f20000;
}
.textOrange
{
	color:#ff974a;
}
.textYellow
{
	color:#FF0;
}

.textBrightYellow {
	color: #927501;
}
.textBlue
{
	color:#0099ff;
}
.textWhite
{
	color:#ffffff;
}

.textPurple
{
	color:#7E35E4;
}

.textDeepBlue
{
	color:#0066CC;
}
.textGreen
{
	color:#75bb29;
}

/********************************
フォント揃え設定
********************************/
.textCenter
{
	text-align:center;
}
.textLeft
{
	text-align:left;
}
.textRight
{
	text-align:right;
}
.textShadow_b
{
	text-shadow: 1px 1px 3px rgba(0, 0, 140, 0.55);
}

/********************************
行間設定
********************************/
.smallLH
{
	line-height:130%;
}
.middleLH
{
	line-height:150%;
}
.longLH
{
	line-height:180%;
}
.longestLH
{
	line-height:210%;
}
/********************************
文字間隔間設定
********************************/
.smallLS
{
	letter-spacing:1px;
}
.middleLS
{
	letter-spacing:2px;
}
.longLS
{
	letter-spacing:3px;
}
.longestLS
{
	letter-spacing:4px;
}
/********************************
字下げ
********************************/
.textCaution
{
	text-indent: -1em;
	padding-left: 1em;
}
.textCautionLage
{
	text-indent: -2em;
	padding-left: 2em;
}

/********************************
レイアウト設定
********************************/
.leftBox
{
	float:left;
}
.rightBox
{
	float:right;
}
.sideRow
{
	clear:both;
}

.centerBox
{
	margin: 0 auto;
}
/********************************
段落マージン設定
********************************/

.shorterLevel
{
	margin-left:3px;
}
.shortLevel
{
	margin-left:5px;
}
.middleLevel
{
	margin-left:10px;
}
.longLevel
{
	margin-left:15px;
}
.longerLevel
{
	margin-left:20px;
}

.longestLevel
{
	margin-left:25px;
}

.shorterLevelR
{
	margin-right:3px;
}
.shortLevelR
{
	margin-right:5px;
}
.middleLevelR
{
	margin-right:10px;
}
.longLevelR
{
	margin-right:15px;
}
.longerLevelR
{
	margin-right:20px;
}
.longestLevelR
{
	margin-right:25px;
}

.shorterTalk
{
	margin:3px 0;
}
.shortTalk
{
	margin:5px 0;
}
.middleTalk
{
	margin:10px 0;
}
.longTalk
{
	margin:15px 0;
}
.longestTalk
{
	margin:25px 0;
}

.noneTopTalk
{
	margin-top:0;
}
.shorterTopTalk
{
	margin-top:3px;
}
.shortTopTalk
{
	margin-top:5px;
}
.middleTopTalk
{
	margin-top:10px;
}
.longTopTalk
{
	margin-top:15px;
}
.longerTopTalk
{
	margin-top:20px;
}
.longestTopTalk
{
	margin-top:25px;
}
.doubleTopTalk
{
	margin-top:35px;
}
.tripleTopTalk
{
	margin-top:70px;
}
.fourTopTalk
{
	margin-top:100px;
}
.fifTopTalk
{
	margin-top:150px;
}
.sixTopTalk
{
	margin-bottom:200px;
}
.sevenTopTalk
{
	margin-bottom:300px;
}

.noneBottomTalk
{
	margin-bottom:0;
}
.shorterBottomTalk
{
	margin-bottom:3px;
}
.shortBottomTalk
{
	margin-bottom:5px;
}
.middleBottomTalk
{
	margin-bottom:10px;
}
.longBottomTalk
{
	margin-bottom:15px;
}
.longerBottomTalk{
	margin-bottom:20px;
	}

.longestBottomTalk
{
	margin-bottom:25px;
}
.doubleBottomTalk
{
	margin-bottom:35px;
}
.tripleBottomTalk
{
	margin-bottom:70px;
}
.fourBottomTalk
{
	margin-bottom:100px;
}
.fifBottomTalk
{
	margin-bottom:150px;
}
.sixBottomTalk
{
	margin-bottom:200px;
}
.sevenBottomTalk
{
	margin-bottom:300px;
}

/********************************
段落パディング設定
********************************/
.nonePadding
{
	padding:0;
}
.shorterPadding
{
	padding:3px;
}
.shortPadding
{
	padding:5px;
}
.middlePadding
{
	padding:10px;
}
.longPadding
{
	padding:15px;
}
.longestPadding
{
	padding:25px;
}

.noneTopPadding
{
	padding-top:0;
}
.shorterTopPadding
{
	padding-top:3px;
}
.shortTopPadding
{
	padding-top:5px;
}
.middleTopPadding
{
	padding-top:10px;
}
.longTopPadding
{
	padding-top:15px;
}
.longerTopPadding
{
	padding-top:20px;
}

.longestTopPadding
{
	padding-top:25px;
}
.doubleTopPadding
{
	padding-top:35px;
}
.tripleTopPadding
{
	padding-top:70px;
}
.fourTopPadding
{
	padding-top:100px;
}
.fifTopPadding
{
	padding-top:150px;
}
.sixTopPadding
{
	padding-bottom:200px;
}
.sevenTopPadding
{
	padding-bottom:300px;
}

.noneBottomPadding
{
	padding-bottom:0;
}
.shorterBottomPadding
{
	padding-bottom:3px;
}
.shortBottomPadding
{
	padding-bottom:5px;
}
.middleBottomPadding
{
	padding-bottom:10px;
}
.longBottomPadding
{
	padding-bottom:15px;
}
.longerBottomPadding
{
	padding-bottom:20px;
}

.longestBottomPadding
{
	padding-bottom:25px;
}
.doubleBottomPadding
{
	padding-bottom:35px;
}
.tripleBottomPadding
{
	padding-bottom:70px;
}
.fourBottomPadding
{
	padding-bottom:100px;
}
.fifBottomPadding
{
	padding-bottom:150px;
}
.sixBottomPadding
{
	padding-bottom:200px;
}
.sevenBottomPadding
{
	padding-bottom:300px;
}

/********************************
イメージ設定
********************************/
img
{
	border:0;
}

a:hover img
{
	visibility:hidden;
	opacity:0.7;
}
.NonHidden a:hover img
{
	visibility:visible;
}
.imgLeft
{
	float:left;
	margin:0 5px 0 0;
}
.imgCenter
{
	text-align:center;
}
.imgRight
{
	float:right;
	margin:0 0 0 5px;
}
.linkIcon
{
	vertical-align:middle;
	margin:0 5px;
}

* html .HollyHack
{
	height:1%;
}

/********************************
リストスタイル
********************************/
.listStyleSquare
{
	list-style-type:square;
}
.listStyleDisc
{
	list-style-type:disc;
}
.listStyleCircle
{
	list-style-type:circle;
}
.listStyleNone
{
	list-style:none;
}

.listPositionInside
{
	list-style-position:inside;
}


/********************************
幅
********************************/

.width100 {
	width:100%;
}

.width99 {
	width:99%;
}
.width98 {
	width:98%;
	
}

.formWidth,.width96 {
	width:96%;
}

.width90 {
	width:90%;
}

.width80 {
	width:80%;
}
.width70 {
	width:70%;
}
.width60 {
	width:60%;
}

.width50 {
	width:50%;
}

.width48 {
	width:48%;
}

.width40 {
	width:40%;
}

.width30 {
	width:30%;
}
.width20 {
	width:20%;
}
.width10 {
	width:10%;
}
.width5 {
	width:5%;
}
/********************************
テーブル
********************************/
table{
	display: table;
	border-collapse:collapse;
	border-spacing: 2px;
	border-color: grey;
}
tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}

table th
{
	text-align:left;
	font-weight:normal;
	padding:5px;
}
table td
{
	padding:5px;
}
table th,table td
{
	vertical-align:middle;
	}
/********************************
お客様の続きボタンを消す
********************************/
.hidden
{
	display:none;
}

.ver_b{
	vertical-align:bottom;
	
	}
.remarketTag
{
	display:none;
}