/* 目次 -------------------------------------------------

・リンク設定 ・共通クラス ・サイト共通 ・ヘッダ ・メニュー ・コンテンツ ・フッタ

------------------------------------------------- */
/* 一時非表示 */
.ttlimg.top,.carlist{ display: none; }

body {
	font: 13px/150% Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	color: #000;
	text-align:center;
}
* html body {
	font-size:small;
	font:x-small;/*--標準準拠モード時は不要--*/
}

*:first-child+html body {
	font-size:small;
	font:x-small;/*--標準準拠モード時は不要--*/
}

.wrapper {
	min-width: 1000px;
    margin: 0 auto;
    text-align: left;
}

img{ width: 100%; }

table{
	_line-height:150%;
	font-size:100%;
}
.floatL  {float: left;}
.floatR {float: right;}
.clear    {
	clear: both;
	font-size: 0px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}
.clearer{
	clear: both;
}
.v_middle{
	vertical-align:middle;
}


.tag_nav_r a,.tag_nav_r span{
    width: 200px;
    height: auto;
    padding: 5px 0 6px 3px;
    background:#1450AA;
    position: fixed;
    right: 0;
    top: 70%;
    border-radius: 5px 0 0 5px;
    box-shadow: 0px 0px 5px 0px #333;
    margin-top: 0;
    line-height: 0%;
    z-index: 10000;
    transition: all 0.4s;
}

.tag_nav_r img{ display: inline-block; }

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.clearfix {display: inline-block;}

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


/* リンク設定 -------------------------------------------------*/
a {
	color: #4c7eb5;
	text-decoration: none;
}
a:hover {
	color: #4c7eb5;
	text-decoration:underline;
}
.filter07 a img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.filter07 a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}
.bghover a {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.bghover a:hover {
	filter:alpha(opacity=70);
	opacity:0.7;
}

.btn {
    color: #fff;
    background: #FF5A14 url(/shared/images/lp/arw_wh_orbk.png) no-repeat 15px 50%;
    padding: 5px 15px 5px 30px;
    border-radius: 5px;
    margin: 5px 0 0;
    display: inline-block;
}

.btn:hover {
    text-decoration: none;
    color: #fff;
    background: #999 url(/shared/images/lp/arw_wh_grybk.png) no-repeat 15px 50%;;
}
/* カラー設定 ------------------------------------------------- */
.bg_gray{ background: #f2f2f2; }
.orange{ color: #FF5A14; }

/* フォント設定 ------------------------------------------------- */
.fontS {
	font-size:80% !important;
}
.fontL {
	font-size: 120% !important;
	line-height:170% !important;
}
.font_15{
		font-size:116%;
}
.font_17{
		font-size:131%;
}



/* width設定----------------------------------------------------- */
.w100{ width: 100%; }
.mxw12{ max-width: 1200px; }
.w_460{
	width:460px;
}
.w_330{
	width:330px;
}

/* 共通クラス----------------------------------------------------- */
/*フォントサイズ指定
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	123.1%
17px	131%
18px	138.5%
19px	146.5%
20px	153.9%
21px	161.6%
22px	167%
23px	174%
24px	182%
25px	189%
26px	197%
*/

/* gheader----------------------------------------------------- */

.gheader{
	width:100%;
	height:85px;
	background:url(../images/head-back.png) repeat-x;
}
.gheader .inner{
	width:1000px;
	margin:0 auto;
}
.logo{
	float:left;
	padding:15px 0 0;
}
.gheader h1{
	position: absolute;
	font-weight: 400;
	font-size: 95%;
	color: #e2efff;
    text-align: left;
    margin: 21px 0 0 200px;
}
.gheader h1 span{ display: block; }

.telpone{
	float:right;
	padding: 10px 0 0;
}
/* content-------------------------------------------------------*/
.icach{ text-align: center; height: 600px; }
.icach .tag{ left: -854px; position: absolute; }
.icach .ttl1{ margin: 100px 0 0 -140px; position: relative; }
.icach .btn_link{
    margin: 5px 0 0 134px;
    width: 390px;
    height: 65px;
    box-shadow: 0px 0px 8px 0px #000;
    -moz-box-shadow: 0px 0px 8px 0px #000;
    -webkit-box-shadow:  0px 0px 8px 0px #000;
    position: relative;
}
.icach .btn_link img { max-width: 295px; width: auto; margin: 20px 0 0;}
.icach .ttl2{ margin: 48px 0 0 -235px; }

.icach .inner{ margin: 0 auto; max-width: 1200px; line-height: 0;}
.icach img{ width: auto; }

.content{margin: 0 auto; }
.ttlimg{text-align: center; line-height: 0;}


/* carlist */
.ttlimg.top{ padding: 40px 0 20px; background: url(/shared/images/lp/bg_img_1.gif); }
.ttlimg.top span{display: block; width: auto; background: url(/shared/images/lp/top_line.png) no-repeat 50%; max-width: 870px; margin: 0 auto;}
.ttlimg.top img{ width: auto; }
.ttlimg.top .num1{
    display: inline-block;
    margin: 0 auto 10px;
    max-height: 35px;
    width: auto;
    max-width: 80%;
}
.ttlimg.top .num2{ display: inline-block;margin: 0 auto 10px;}

.carlist{ margin: 0 auto; max-width:1000px; background: url(/shared/images/lp/arw_gry_dn.png)no-repeat 50% 0;}
.carlist ol{ padding-top:70px; }
.carlist ol li {
    height: 450px;
    list-style-type: none;
    margin: 0 1% 45px 0;
    padding: 0;
    vertical-align: top;
    width: 32%;
    display: inline-block;
    border: 1px solid #ccc;
    background: #f2f2f2;
}
.carlist ol li:nth-of-type(3n){ margin-right: 0; }

.carlist .tablepress {
    width: 95%;
    margin: 0 auto;
}
.carlist tr { border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; }
.carlist tr.row-4{ border-bottom: 1px solid #ccc; }

.carlist td { padding: 8px 15px; font-size: 110%; background: #fff;}
.carlist td.column-1{ padding: 8px 0; color: #fff; font-weight: 600; background: #1268a9; text-align: center;}
.carlist .row-1 td.column-1{ width: 27%; }

.carlist .row-5 { background: #f2f2f2; text-align: center; margin: 25px 0 0; }
.carlist .price_tag{ font-size: 130%; font-weight: 600; margin-right: 10px; }
.carlist .price{ font-size: 300%; color: #FF5A14; font-weight: 600;}
.carlist .yen{ font-size: 220%; color: #FF5A14; font-weight: 600; }

/* list_box */
.ttlimg.fst{
    background:url(/shared/images/lp/sf_ttl_2_bk.jpg) 50%;
    border-bottom:6px solid #FF5A14;
    box-shadow: 0px -5px 4px -3px #aaa;
    -moz-box-shadow: 0px -5px 4px -3px #aaa;
    -webkit-box-shadow: 0px -5px 4px -3px #aaa;
}
.ttlimg.fst img{ width: auto; margin: -28px 0 0;}
.list_box{ margin: 0 auto; padding:50px 0 65px; background: url(/shared/images/lp/bg_img_1.gif); }
.list_box ol.page_list{ margin: 0 auto 30px;max-width:1000px; }

.list_box ol.page_list li {
	margin: 0 auto 40px;
    padding: 0;
	height: 250px;
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	box-shadow:2px 2px 2px -1px #888;
	-moz-box-shadow:2px 2px 2px -1px #888;
	-webkit-box-shadow:2px 2px 2px -1px #888;
}
.list_box ol.page_list li.num1{
	background: #FFF url(/shared/images/lp/num_gry_01.png) no-repeat 99% 95%;
}
.list_box ol.page_list li.num2{
	background: #FFF url(/shared/images/lp/num_gry_02.png) no-repeat 52.5% 95%;
}
.list_box ol.page_list li.num3{
	background: #FFF url(/shared/images/lp/num_gry_03.png) no-repeat 99% 95%;
}
.list_box .image {
    float: left;
    overflow: hidden;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
}
.list_box .image{
	width: 375px;
    height: 250px;
    border-bottom: 1px solid #888;
}

.list_box ol li .title {
    font-size: 190%;
    margin: 40px 0 15px;
    padding: 3px 10px 0 90px;
    width: 46.5%;
    line-height: 1.3;
    float: right;
}
.list_box ol li.num1 .title{
	background: url(/shared/images/lp/num_og_01.png) no-repeat 0%;
}
.list_box ol li.num2 .title{
	background: url(/shared/images/lp/num_og_02.png) no-repeat 0%;
}
.list_box ol li.num3 .title{
	background: url(/shared/images/lp/num_og_03.png) no-repeat 0%;
}

.list_box ol li .title .word{ display: block; }
.list_box .page_list p.disc { padding: 0 5% 0 44%; margin: 5px auto 10px;font-size: 115%;line-height: 1.6;}

.list_box .right .image{ float: right;}
.list_box .page_list .right p.disc{ padding: 0 43% 0 6.5%;}

.btn_link{
	margin:0 auto;
	width: 480px;
	height: 80px;
	text-align: center;
	background: url(/shared/images/lp/btn_bk.gif);
	display: block;
	border-radius: 5px;
}
.btn_link img{ width: auto; margin: 27px 0 0; }


/* list point */
.ttlimg.sec{
    background:url(/shared/images/lp/sf_ttl_3_bk.jpg) 50%;
    border-bottom: 6px solid #0067C1;
    box-shadow: 0px -5px 8px -3px #888;
    -moz-box-shadow: 0px -5px 8px -3px #888;
    -webkit-box-shadow:  0px -5px 8px -3px #888;
}
.ttlimg.sec img{ width: auto; margin: -30px 0 0; }
.list_point{
	margin: 30px auto 5px;
    padding-bottom: 40px;
	box-shadow:0px 5px 2px -2px #999;
	-moz-box-shadow:0px 5px 2px -2px #999;
	-webkit-box-shadow: 0px 5px 2px -2px #999;
}

.list_point ol.list{
    max-width: 1000px;
    margin: 0 auto;
}
.list_point ol li{ margin-right: 6%; padding: 30px 0 0; width:47%; height: 100px; display: inline-block; float: left; border-bottom: 1px dashed #0192e5; }
.list_point ol li:nth-of-type(2n){ margin-right: 0; }
.list_point ol li.num5,.list_point ol li.num6{ border:none; }

.list_point .image {
    float: left;
    overflow: hidden;
    width: 100px;
    height: 75px;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    margin-right: 15px;
}
.list_point .title{
	margin: 5px 0 7px;
	font-size: 150%;
	padding-left: 16px;
	width: 71%;
	float: right;
	background: url(/shared/images/lp/arw_blue.png) no-repeat 0%;
}

.list_point .ttl_sub {
    font-size: 155%;
    font-weight: 600;
    line-height: 1.5;
    margin-top: -10px;
}
.list_point .ttl_sub .orange{ font-size: 115%; display: block; }

/* howto */
.howto{ padding: 50px 0; background: url(/shared/images/lp/bg_img_2.gif); }
.howto .ttlimg{ margin: 0 auto 50px; padding-bottom: 20px; text-align: center; background: url(/shared/images/lp/arw_line_dn.gif) no-repeat 50% 100%; }
.howto .ttlimg img{ width: auto; }
.howto .ttlimg .num1{ display: inline-block; margin-bottom: 10px; }
.howto .ttlimg .num2{ display: block;margin: 0 auto 20px;}

.howto ol{ max-width: 1000px; margin: 0 auto; }
.howto ol li{
    width: 46%;
    margin: 0 2%;
    display: inline-block;
    float: left;
}
.howto .title{
    color: #fff;
    height: 55px;
    font-size: 190%;
    letter-spacing: 4px;
    text-align: center;
    -webkit-background-size: 6px 6px;
    -moz-background-size: 6px 6px;
    background-size: 6px 6px;
    background-color: #000;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
                color-stop(.25, #222), color-stop(.25, transparent),
                color-stop(.5, transparent), color-stop(.5, #222),
                color-stop(.75, #222), color-stop(.75, transparent),
                to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #222 25%, transparent 25%,
              transparent 50%, #222 50%, #222 75%,
              transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #222 25%, transparent 25%,
              transparent 50%, #222 50%, #222 75%,
              transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #222 25%, transparent 25%,
              transparent 50%, #222 50%, #222 75%,
              transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #222 25%, transparent 25%,
              transparent 50%, #222 50%, #222 75%,
              transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #222 25%, transparent 25%,
              transparent 50%, #222 50%, #222 75%,
              transparent 75%, transparent);
}
.howto .title span{ margin: 18px 0 0; padding-left:22px; display: inline-block; background: url(/shared/images/lp/arw_wh_sh.png)no-repeat 0 50%;}
.howto .image {
    overflow: hidden;
    display: block;
    width: 100%;
    padding-top: 50%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
}
.howto li .txtarea{ min-height: 220px; padding: 15px 20px; line-height: 1.7; background: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.howto li p.disc{
    margin: 0 0 20px;
    font-size: 100%;
    min-height: 80px;
}
.howto h4{ color: #FF5A14; font-size: 105%; }
.howto li p.disc2{font-size: 100%;}

.ttlimg.trd{ background:url(/shared/images/lp/sf_ttl_4_bk.jpg) 50%; background-size: cover; height: 200px; }
.ttlimg.trd img{ width: auto; margin: 30px 0 15px; }

.ttlimg.trd .inner{ margin: 10px auto; width: 960px; }
.ttlimg.trd .btn_link{ display: inline-block; margin: 0 15px; width: 450px; float: left; }

.ttlimg.trd .btn_link.num1 img{ margin: 27px 0 0; }
.ttlimg.trd .btn_link.num2{ background: url(/shared/images/lp/btn_bk_blue.gif); }
.ttlimg.trd .btn_link.num2 img{ margin: 15px 0 0; }

.form_top .ttlimg{ padding: 40px 0 20px; background: url(/shared/images/lp/bg_img_1.gif);}
.form_top .ttlimg img{ width: auto; }
.form_top .ttlimg .num1{ display: inline-block; margin-bottom: 10px; }
.form_top .ttlimg .num2{ display: block;margin: 0 auto 20px;}

.part_form {
    margin: 0 auto 2%;
    padding-top: 50px;
    background: url(/shared/images/lp/arw_gry_dn.png)no-repeat 50% 0;
}

/* footer----------------------------------------------------- */
#f-link {
    margin: 0 auto;
	padding: 10px 3% 10px;
    text-align: center;
    font-size: 11px;
    background: #f2f2f2;
}

#footer_menu{ width: 1000px; margin: 0 auto; }
#footer_menu li{ display: inline-block; margin: 0 0 0 -5px;}
#footer_menu li a {
    text-decoration: none;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
    margin: 0 0 0 0;
    padding: 0 8px 0 8px;
}

#footer {
    width: 100%;
    background: #0192e5;
    height: 25px;
    line-height: 25px;
}

#copy {
    width: 940px;
    text-align: right;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 11px;
}


/* 	メールフォームプロ整形----------------------------------------------------- */
#lp_form .tablepress{ width: 850px; margin: 0 auto 30px; }
#lp_form tr {border-top: 1px solid #ccc;}
#lp_form tbody{border-bottom: 1px solid #ccc;}

#lp_form th{
    background: #f1f1f1;
    font-size: 105%;
    font-weight: 600;
    padding: 14px 15px 0 20px;
    width: 27%;
}

#lp_form td{
    padding: 12px 20px;
}

#lp_form .must {
    display: block;
    border: none;
    text-shadow:none;
    box-shadow: none;
    padding: 0px 9px;
    color: #FFF;
    font-size: 11px;
    float: right;
    margin: 0px 5px;
    border-radius: 4px;
    background: #EE791D;

}

.btn_submit{ text-align: center;}

#lp_form .mfp_element_submit,#lp_form .mfp_element_reset,#lp_form .mfp_element_button{
	font-size: 180%;
    color: #fff;
    text-shadow: 2px 2px 2px #3B1D00;
    font-weight: 600;
    margin: 0 auto;
    width: 480px;
    height: 80px;
    text-align: center;
    background: url(/shared/images/lp/btn_bk.gif);
    display: block;
    border: none;
    border-radius: 5px;
}

#lp_form .mfp_element_submit:hover,#lp_form .mfp_element_reset:hover,#lp_form .mfp_element_button:hover{
    color: #ffd7c1;
    text-shadow: -1px -2px 2px #BC5D36;
    background: #FF6C00;
}
#lp_form .kome{ margin: 10px auto; text-align: center; font-size: 95%; color: #a00; }

#lp_form input, #lp_form textarea, #lp_form select{
    padding: 3px;
    margin-right: 8px;
    font-size: 14px;
    border: 2px solid #ddd;
    min-width: 210px;
    box-shadow: none;
    border-radius: 0;
}

#lp_form input{
    height: 25px;
    width: 100%;
    display: inline-block;
}

#lp_form select{ width: 50%;}
#lp_form textarea{ min-width: 100%; min-height: 200px;  }

#lp_form .low-4 input{ width: 50%; }
#lp_form .low-9 input{ width: 50%; }
#lp_form .low-10 input{ width: 50%; }
#lp_form .low-10 td span{ font-size: 90%; color: #777; display: inline-block; }
#lp_form .low-14 th{ vertical-align: top; }
#lp_form .low-14 th span{ display: block; font-weight: 400; font-size: 85%; color: #555; }


/* 確認画面 */
.part_form div#mfp_phase_confirm h4{
    padding: 10px 0px 20px 0px;
}

.part_form table#mfp_confirm_table{
	width:100%;
    max-width: 850px;
    margin: 0 auto;
	border-top:solid 1px #ccc !important;
	border-left:none!important;
}

.part_form table#mfp_confirm_table tr th,.part_form table#mfp_confirm_table tr td{ font-size: 105%; }

.part_form table#mfp_confirm_table th{
	border-bottom:solid 1px #ccc;
	border-right:none;
	background:#f2f2f2;
	text-align:left;
	padding:10px;
	vertical-align:top;
	width:200px;
}
.part_form table#mfp_confirm_table td{
	border-bottom:solid 1px #ccc;
	border-right:none;
	padding:10px;
	background:#fff;
}

div#mfp_phase_confirm div.mfp_buttons {
	width:580px;
	margin:20px auto 45px;
}

div#mfp_phase_confirm #mfp_button_send{
	display:block;
	width:280px;
	height:43px;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	background:url(../images/contents/btn_submit.jpg) no-repeat;
	float:left;
}

div#mfp_phase_confirm #mfp_button_cancel{
	display:block;
	width:280px;
	height:43px;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	background:url(../images/contents/btn_cancel.jpg) no-repeat;
	float:right;
}

div#mfp_phase_confirm #mfp_button_send:hover,div#mfp_phase_confirm #mfp_button_cancel:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
}