@charset "utf-8";
/* qulokan.com */
/* 20141002 */

/*--------------------------------------------
	基本スタイル
--------------------------------------------*/
body {
	margin: 0px auto;
	padding: 0;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,sans-serif;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-color:#180b35;
}

* 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;
}
                          
.ml160{
margin-left:160px;
}

.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;
	}


/*--------------------------------------------
	フォント
--------------------------------------------*/

.fnt10{
	font-size:10px;
	line-height:160%;
	}

.fnt12{
	font-size:12px;
	line-height:160%;
	}

.fnt14{
	font-size:14px;
	line-height:160%;
	}

.fnt16{
	font-size:16px;
	line-height:160%;
	}

.fnt18{
	font-size:18px;
	line-height:160%;
	}

.fnt_bd{
	font-weight:bold;
	}

.fnt_green{
	color:#339900;
	}

.fnt_red{
	color:#FF0000;
	}

.fnt_enz{
	color: #990000;
	}

.fnt_bk{
	color: #000000;
	}
	
/*--------------------------------------------
	ヘッダーh1
--------------------------------------------*/

.h1_ara{
	width: 100%;
	height: 29px;
	padding: 0;
	padding: 0;
	background-image: url(img/h1_bg.jpg);
	background-repeat: repeat-x;
	}

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

/*--------------------------------------------
	コンテンツ
--------------------------------------------*/

#wrap{
	width:1000px;
	margin:0 auto;
	}


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

.main_navi{
	width:1000px;
	margin:15px auto 20px auto;
	}

.main_navi ul{
	margin:0;
	padding:0;
	}

.main_navi li{
	float:left;
	}


.main_navi .li_sp{
	margin:0 6px 0 0;
	}

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

.footer{
	width: 100%;
	background-image: url(img/footer_bg.gif);
	background-repeat: repeat-x;
	height:52px;
	margin:30px 0 0 0;
	}

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


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

.top_side{
	width:201px;
	float:right;
	margin:0 10px 0 0;
	}

.top_con{
	width:780px;
	float:left;
	}

.top_copy_img{
	width: 734px;
	margin: 0 auto;
	height: 760px;
	background-image: url(img/top_con.png);
	background-repeat: no-repeat;	
	
	}

.top_copy{
	color:#FFF;
	padding:500px 0 0 250px;
	
	}

/*--------------------------------------------
	サブページ
--------------------------------------------*/

.sub_main_img{
	width: 986px;
	height: 201px;
	background-image: url(img/sub_head_img.png);
	background-repeat: no-repeat;
	margin:10px auto 0 auto;
	text-align:right;
	}
.sub_inq_btn{
	padding:14px 30px 0 0;
	}

.sub_side{
	width:201px;
	float:left;
	margin:0 10px 0 10px;
	}

.sub_con{
	width:770px;
	float:left;
	}
	
h3{
	width:190px;
	margin:0 auto 30px auto;
	}

.base_con{
	width: 760px;
	margin: 10px auto;
	background-image: url(img/base_con_body.gif);
	background-repeat: repeat-y;
	}

.base_entry{
	width: 700px;
	margin:8px auto;
	}

.base_set01_left{
	width:390px;
	float:left;
	margin:8px 10px 8px 0;
	}

.base_set01_right{
	width:290px;
	float:left;
	margin:30px 0px 8px 0;
	}

.base_set02_left{
	width:290px;
	float:left;
	margin:30px 10px 8px 0;
	}

.base_set02_right{
	width:390px;
	float:left;
	margin:8px 0px 8px 0;
	}
	
.base_set03_left{
	width:440px;
	float:left;
	margin:30px 10px 8px 0;
	}

.base_set03_right{
	width:230px;
	float:left;
	margin:8px 0px 8px 0;
	}

.base_set04_left{
	width:290px;
	float:left;
	margin:30px 10px 8px 0;
	}

.base_set04_right{
	width:400px;
	float:left;
	margin:8px 0px 8px 0;
	}

.base_set05_left{
	width:440px;
	float:left;
	margin:30px 10px 8px 0;
	}

.base_set05_right{
	width:230px;
	float:left;
	margin:8px 0px 8px 0;
	}


/*--------------------------------------------
	プロフィール
--------------------------------------------*/

.profile_copy01{
	text-align:right;
	width:90%;
	margin:30px 0 0 0;
	}

/*--------------------------------------------
	サービス
--------------------------------------------*/

	
.service_tbl table{
	border: 3px solid #dcb13a;
	border-collapse: collapse;
	margin: 20px auto;
	padding: 20px;
text-align:left;
background-color:#fefaee;
}

.service_tbl th{
	padding: 8px 5px;
background-color:#f4e8c3;
text-align:center;
font-weight:normal;
	border: 1px solid #dcb13a;
}

.service_tbl td{
padding: 8px 5px;
	border: 1px solid #dcb13a;
	
}




/*--------------------------------------------
よくある質問
--------------------------------------------*/

.faq_text{
width: 580px;
margin:0 auto 20px auto;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #540f84;
padding: 4px 10px 10px 50px;
}

.faq_q{
	width: 580px;
	padding: 14px 10px 14px 70px;
	background-image: url(img/faq_icon01.gif);
	background-repeat: no-repeat;
	margin: 0 auto 20px auto;
	min-height: 18px;
}

.faq_a{
	width: 580px;
	padding: 14px 10px 14px 70px;
	background-image: url(img/faq_icon02.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #540f84;
	margin: 0 auto 20px auto;
	min-height: 10px;
}


/*--------------------------------------------
【ブログ】ブログ
--------------------------------------------*/


.blog_side{
	width: 200px;
	float: right;
	margin: 0 10px 0 10px;
	}

.blog_con{
	width: 760px;
	float: left;
margin: 0 0 0 5px;
	}

.blog_side_area{
	width: 192px;
	margin: 0;
	background-color: #FFF;
	padding: 4px 4px 20px 4px;
	}
	
	
/*--------------------------------------------
【ブログ】記事エリア
--------------------------------------------*/

.kiji_area{
	width: 90%;
	margin: 0px auto 10px auto;
	padding: 10px;
	border: 1px solid #CC6600;
	text-align: left;
}

.kiji_area .kiji_title01{
width:90%;
font-size:16px;
color:#990000;
margin:0px auto 0 auto;
padding:10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CC6600;
}

.kiji_area .kiji_body01{
width:95%;
margin:0px auto 0 auto;
padding:10px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CC6600;
}

.kiji_area .kiji_days{
width:90%;
margin:3px auto 0 auto;
text-align:right;

}

.kiji_count{
width:90%;
margin:20px auto;
text-align:center;
}​



/*--------------------------------------------
プロフィール
--------------------------------------------*/

.pro_text{
width:200px;
text-align:left;
margin:5px auto 10px auto;
font-size:12px;
}

.pro_text span{
font-size:16px;
magin:5px 0;
color: #CC0000;
}


.kiji_count{
width:90%;
margin:20px auto;
text-align:center;
}​

/*--------------------------------------------
右エリア
--------------------------------------------*/



.sub_main_kiji{
width: 683px;
background-image: url(img/sub_con_bg.png);
background-repeat: repeat-y;
min-height:300px;
text-align:left;
padding:20px 1px;
}



.con_title{
background-image:url(img/kiji_title_bg.gif);
width:185px;
height:24px;
margin: 20px auto 10px auto;
padding-top: 3px;
font-size:12px;
color:#FFFFFF;
background-repeat: no-repeat;
text-align:center;
}


.blog_side_area ul{
width:180px;
margin:0 auto;
}

.blog_side_area li{
padding: 0 0 5px 18px;
text-align:left;
background-image:url(img/kiji_icon.gif);
background-repeat: no-repeat;
background-position: 3px 4px;
}

.blog_side_bnr{
	width: 200px;
	margin: 10px auto;
}


/*--------------------------------------------
カテゴリ
--------------------------------------------*/

.category_title{
width:85%;
padding:8px;
margin:0 auto 20px auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #990000;
font-size:14px;
color:#990000;
text-align:center;
}

.category_nextlink{
width:82%;
padding:8px;
margin:0 auto;
font-size:12px;
}

.category_nextlinktxt01{
float:left;
width:40%;
text-align:left;
}

.category_nextlink .nexticon01{
float:left;
width:20px;
text-align:left;
margin:0 3px 0 0;
display:inline;
}


.category_nextlinktxt02{
float:right;
width:40%;
text-align:right;
}

.category_nextlink .nexticon02{
float:right;
width:20px;
text-align:left;
margin:0 0 0 3px;
display:inline;
}

/*--------------------------------------------
フィード
--------------------------------------------*/

.feed_area{
width:170px;
padding:3px;
margin:8px auto;
border: 1px solid #FF6600;
text-align:left;
display:block;
}

.feed_area img{
margin:0 10px;
vertical-align:middle;
}
