/*
Theme Name: qulokan
Theme URI: http://qulokan.com/
Author: qulokan
Author URI: http://qulokan.com/
Description: qulokan
*/



/*--------------------------------------------
基本スタイル
--------------------------------------------*/
body {
margin: 0px auto;
padding: 0;
text-align: left;
font-size: 12px;
line-height: 150%;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,sans-serif;

}

* html body{  
    overflow: hidden;  
}

a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

html {
overflow-y:scroll;
}

img {
border: none;
margin: 0px;
padding: 0px;
vertical-align: top;
position: relative;
background-image: url(#);
}

form,input,textarea {
margin: 0px;
padding: 0px;
}

h1,h2,h3,h4,h5,h6 {
padding:0px;
margin:0px;
font-weight: normal;
font-size:12px;
line-height:18px;
}

/*----p {
margin:0px;
padding:0px;
}-----*/

ul {
margin:0px;
padding:0px;
list-style:none;
}

/*--------------------------------------------
リンクスタイル
--------------------------------------------*/
a:link {
color: #000099;
text-decoration: none;
}
a:visited {
color: #000099;
text-decoration: none;
}
a:hover {
color: #FF6600;
}
a:active {
color: #000099;
}


/*--------------------------------------------
clear
--------------------------------------------*/

.clear {
clear:both;
margin:0px;
padding:0px;
}

/*--------------------------------------------
全体
--------------------------------------------*/

.pagetop{
width:100%;
margin:8px auto;
text-align:right;
}

.pagetop_short{
float:left;
width:610px;
margin:8px 0;
text-align:right;
}



/*--------------------------------------------
magin
--------------------------------------------*/

.mt5{
margin-top:5px;
}


.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}

.mt30{
margin-top:30px;
}

.mt40{
margin-top:40px;
}

.mt50{
margin-top:50px;
}

.mt60{
margin-top:60px;
}

.mt70{
margin-top:70px;
}

.mt80{
margin-top:80px;
}


.mb5{
margin-bottom:5px;
}


.mb10{
margin-bottom:10px;
}

.mb15{
margin-bottom:15px;
}


.mb20{
margin-bottom:20px;
}

.mb30{
margin-bottom:30px;
}

.ml8{
margin-left:8px;
}

.ml5{
margin-left:5px;
}

.ml10{
margin-left:10px;
}

.ml20{
margin-left:20px;
}

.ml30{
margin-left:30px;
}

.ml40{
margin-left:40px;
}

.ml50{
margin-left:50px;
}

.ml80{
margin-left:80px;
}

.mr5{
margin-right:5px;
}

.mr10{
margin-right:10px;
}

.mr20{
margin-right:20px;
}

.mr30{
margin-right:30px;
}

/*--------------------------------------------
padding
--------------------------------------------*/

.pt5{
padding-top:5px;
}


.pt10{
padding-top:10px;
}

.pt20{
padding-top:20px;
}

.pt30{
padding-top:30px;
}

.pt40{
padding-top:40px;
}

.pt50{
padding-top:50px;
}

.pt60{
padding-top:60px;
}

.pt70{
padding-top:70px;
}

.pt80{
padding-top:80px;
}


.pb5{
padding-bottom:5px;
}


.pb10{
padding-bottom:10px;
}

.pb15{
padding-bottom:15px;
}


.pb20{
padding-bottom:20px;
}

.pb30{
padding-bottom:30px;
}

.pl8{
padding-left:8px;
}

.pl5{
padding-left:5px;
}

.pl10{
padding-left:10px;
}

.pl20{
padding-left:20px;
}

.pl30{
padding-left:30px;
}

.pl40{
padding-left:40px;
}

.pl50{
padding-left:50px;
}

.pl80{
padding-left:80px;
}

.pr10{
padding-right:10px;
}

.pr20{
padding-right:20px;
}

.pr30{
padding-right:30px;
}

.F_left{
float: left;
padding: 10px;
}

.F_right{
float: right;
padding: 10px;
}




/*--------------------------------------------
ヘッダーh1
--------------------------------------------*/

.h1_ara{
width: 100%;
padding:0;
background-color: #3366cc;
}

h1{
width: 1000px;
margin: 0 auto;
color: #FFF;
font-size: 10px;
text-align: left;

}

.header{
width:1000px;
padding:10px 0;
margin:0 auto;
}

.header .logo{
float:left;
width:222px;
padding:10px 10px;
}

.head_text{
width: 230px;
float: left;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #3366cc;
padding: 4px 10px;
}

.head_text h3{
margin:0;
padding:0;
}

/*--------------------------------------------
ナビゲーション
--------------------------------------------*/

.g_navi{
width:100%;
background-color:#3366cc;
}

.g_navi ul{
width: 1000px;
margin: 0 auto;

}

.g_navi li{
float:left;
margin:0 auto;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFF;
}

.g_navi .li_end{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFF;
}

/*--------------------------------------------
レイアウト
--------------------------------------------*/

.wrap{
width:1000px;
margin:30px auto;
}

.con_area{
width:720px;
float:left;
padding: 0 30px 0 0;
}

.side_area{
width: 235px;
float:left;
}

.side_inq_panel{
width: 215px;
padding: 10px;
border: 3px solid #093;
}


.side_inq_panel .panel_txt01{
width: 200px;
margin:8px 0;
}

.side_inq_panel .panel_txt02{
float:left;
width: 105px;
margin:8px 0;
font-size:10px;
}

.side_inq_panel02{
width: 215px;
padding: 10px;
border: 3px solid #999;
text-align:center;
}

.side_inq_panel02 .panel_txt01{
width: 200px;
margin:8px 0;
text-align:left;
}

.side_inq_panel02 .panel_txt02{
width: 200px;
margin: 8px 0;
text-align: left;
background-color: #FFF2DA;
padding:4px;
font-size:10px;
}

.side_inq_panel03{
width: 215px;
padding: 10px;
border: 3px solid #3366cc;
text-align:center;
margin:0 0 20px 0;
}

.side_inq_panel03 .panel_midashi01{
width: 210px;
padding:4px;
background-color:#3366cc;
color:#FFF;
font-size:14px;
font-weight:700;
margin:0 auto;
}

.side_inq_panel03 ul{
margin:8px auto;
width: 200px;
}

.side_inq_panel03 li{
padding: 3px;
background-image: url(../../../img/side_list_icon.gif);
background-repeat: no-repeat;
background-position: left;
padding:3px 0 0 20px;
text-align:left;
}

.center_img{
margin:0 auto;
}


/*--------------------------------------------
トップページ
--------------------------------------------*/

.plan_panel{
width: 215px;
height: 260px;
border: 4px solid #CCC;
float:left;
padding:5px;
margin-bottom:20px;
}

.plan_panel .midashi{
font-size:18px;
color:#3366cc;
padding:4px 0;
font-weight: 900;
width:95%;
margin:3px auto;
text-align:center;
}

.plan_panel .setumei{
width:90%;
margin:3px auto;
}

.plan_panel .kakaku{
width:90%;
margin:3px auto;
font-size:18px;
color:#3366cc;
font-weight: 700;
}

.plan_panel .planimg{
width:206px;
margin:2px auto;

}

/*--------------------------------------------
見出し
--------------------------------------------*/

.con_area h3 {
background-color: rgba(0, 0, 0, 0);
background-image: url(../../../img/h3_icon.png);
background-position: left 0;
background-repeat: no-repeat;
color: #3366cc;
font-size: 22px;
font-weight: bold;
height:26px;
margin: 40px 0 20px;
padding: 2px 0 0 30px;
text-align: left;
width: 726px;
}

.con_area h4 {
font-size: 16px;
margin: 20px 0 20px 10px;
padding: 4px;
text-align: left;
width: 726px;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #093;
color: #006633;
font-weight: 800;
}


/*--------------------------------------------
フッター
--------------------------------------------*/


.ftr_ara{
width: 100%;
padding:0;
background-color: #3366cc;
padding:10px 0;
margin:40px 0 0 0;
}

.ftr{
width: 1000px;
margin: 0 auto;
color: #FFF;
font-size: 10px;
text-align: center;

}

/*--------------------------------------------
テーブル
--------------------------------------------*/


table{
width:550px;
border:#c0c0c0 solid;
border-width: 1px 1px 0 0;
border-collapse:collapse;
}
th{
border:#c0c0c0 solid;
border-width: 0 0 1px 1px;
background:#eee;
padding:8px;
font-weight:normal;
}
td{
border:#c0c0c0 solid;
border-width: 0 0 1px 1px;
background:#fff;
padding:8px;
}



/*--------------------------------------------
ホームページ制作
--------------------------------------------*/

.website_text{
width:400px;
float:left;
margin:0 10px 10px 10px;
}

.website_text .kakaku{
width: 90%;
margin: 5px  0;
font-size: 18px;
color: #336633;
font-weight: 700;
}

.check{
width: 500px;
background-image: url(../../../img/check_icon.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
margin: 10px 0 10px 10px;
padding: 2px 0 4px 30px;
text-align: left;
width: 726px;
color: #006633;
font-weight: 800;
}

.kakaku{
width: 90%;
margin: 3px;
font-size: 18px;
color: #FF6600;
font-weight: 700;
}

/*--------------------------------------------
申込み
--------------------------------------------*/

.mousikomi_btn{
width:626px;
margin:20px auto;
}

span.wpcf7-list-item {
display: block;
}

.submit_ara{
width:200px;
margin:20px auto;
text-align:center;
}

/*--------------------------------------------
実績紹介
--------------------------------------------*/

.production_set{
width:164px;
text-align:center;
float:left;
padding:3px;
margin:10px 0 10px 10px;
}

.production_set img{
width:160px;
height:160px;
border: 1px solid #CCCCCC;
}

.production_text{
margin:2px;
height:24px;
}


#toggle {
display: none;
}

.toppage_mainimg{
width:100%;
overflow:hidden;
}

/* pagetop --------------------- */
#pagetop {
position: fixed;
bottom: 50px;
right: 50px;
width: 80px;
margin-top: -80px;
padding-top: 80px;
z-index: 9999999999;
}
#pagetop img {
width: 100%;
height: auto;
}

.contact_table{
width:650px;
margin:30px auto;
}

.contact_table table{
width:100%;
margin:0 auto;
}

/*-------------------------------------------
	お問い合わせ
--------------------------------------------*/



.contact_ttl h2{
	text-align:left;
	padding:74px 0 0 80px;
	font-size:30px;
	color:#ed7994;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

.contact_wrap{
	width:920px;
	padding:20px 40px;
	margin:0 auto;
	}


.contact_set{
	width:700px;
	background-color:#FFF;
	margin:20px auto;
	padding:40px 40px 20px 40px;
		border-radius: 6px;          
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;
	text-align:left;
	}

.contact_con{
	width:500px;
	margin:0 auto;
	}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea
{
padding:4px 0;
font-size:16px;
width:80%;
}

#sp-field{
width: 50%;
}

span.wpcf7-list-item {
display: block;
}

span.wpcf7-list-item {
display: block!important;
}

.contact_form_btn{
	text-align:center;
	padding:30px 0;
	}

input.wpcf7-submit {
	padding: 5px 30px;/* ボタン内の余白 */
	background: #bfd420;/* 背景色 */
	border-radius: 5px;/* 角を丸く*/
	color: #fff;/* 文字の色*/
	font-size: 16px;/* 文字の大きさ */
	font-weight: bold;/* 太字*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
input.wpcf7-submit:hover {
opacity: 0.8;/* マウスオンで半透明に */
cursor:pointer;
}

.contact_mds{
	padding:30px 0 10px 0;
	font-size:18px;
	}

.contact_frm{
	padding:10px 0 10px 0;
}

.fnt_red{
	color:#F00;
}