@charset "UTF-8";

/* index　───────────────────────────────────

1. header Area style
2. navigation style
3. column style

────────────────────────────────────────*/


/* 1. header Area style
────────────────────────────────────────*/
#wrap {
width:960px;
height:auto;
margin:0px auto;
padding:0px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#header  {
width:960px;
height:225px;
margin:0px 0px 0px 0px;
padding:0px;
background-image:url(../images/index_img.gif);
background-image:url(../images/header_index.gif);
background-image:url(../images/header_index.jpg);
background-image:url(//data.otasuke365.co.jp/_images/header_index.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header_blog  {
width:960px;
height:225px;
margin:0px 0px 0px 0px;
padding:0px;
background-image:url(../images/header_all.gif);
background-image:url(../images/header_index.gif);
background-image:url(../images/header_index.jpg);
background-image:url(//data.otasuke365.co.jp/_images/header_index.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
.header  {
width:960px;
height:130px;
margin:0px 0px 0px 0px;
padding:0px;
background-image:url(../images/header_all.gif);
background-image:url(../images/header_inquiry.gif);
background-position:bottom;
background-repeat:no-repeat;
}
#header_cat_service {
background-image:url(../images/header_daisuke.gif);
background-image:url(../images/header_service.gif);
}
#header_cat_system {
background-image:url(../images/header_mimi.gif);
background-image:url(../images/header_system.gif);
}
#header_cat_faq {
background-image:url(../images/header_saruhiko.gif);
background-image:url(../images/header_faq.gif);
}
#header_cat_customer  {
background-image:url(../images/header_toraji.gif);
background-image:url(../images/header_customer.gif);
}
#header_cat_price.header.w2,#header_cat_price.header.w3,#header_cat_price.header.w4,#header_cat_price.header.w5  {
background-image:url(../images/header_taizo.gif);
background-image:url(../images/header_price.gif);
background-image:url(//data.otasuke365.co.jp/_images/header_price.gif);
}
#header_cat_price.header.w6,#header_cat_price.header.w7,#header_cat_price.header.w8  {
background-image:url(../images/header_taizo.gif);
background-image:url(../images/header_price.gif);
background-image:url(//data.otasuke365.co.jp/_images/header_price8.gif);
}
#header_cat_inquiry.header.w2,
#header_cat_inquiry.header.w3,#header_cat_inquiry.header.w4,#header_cat_inquiry.header.w5 {
background-image:url(../images/header_all.gif);
background-image:url(../images/header_inquiry.gif);
background-image:url(//data.otasuke365.co.jp/_images/header_inquiry.gif);
}
#header_cat_inquiry.header.w6,#header_cat_inquiry.header.w7,#header_cat_inquiry.header.w8  {
background-image:url(../images/header_all.gif);
background-image:url(../images/header_inquiry.gif);
background-image:url(//data.otasuke365.co.jp/_images/header_inquiry8.gif);
}
#header_link  {
background-image:url(../images/header_price.gif);
background-image:url(//data.otasuke365.co.jp/_images/header_price.gif);
}

.header_wf h1 {
font-size:11px;
font-weight:normal;
color:#0f2350;
margin:0px 0px 0px 0px;
padding:3px 0px 0px 0px;
text-align:left;
}
.header_wf h1 a {
display:block;
padding:0px 0px 0px 15px;
color:#0f2350;
text-decoration:none;
}
.header_wf p {
font-family: ryo-gothic-plusn,sans-serif;
font-weight: 900;
font-style: normal;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
	font-size:25px;
	height:auto;
	margin:0px;
	padding:0px;
}
.header_wf p a{
	display:block;
	text-decoration:none;
	color:#000000;
	padding:27px 20px 0px 205px;
}
.header_wf div#tel {
font-family: ryo-gothic-plusn,sans-serif;
font-weight: 900;
font-style: normal;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
	text-align:left;
	line-height:1em;
	margin:104px 0px 0px 711px;
	padding:0px;
	font-size:28px;
	color:#ff6600;
	filter:
	dropshadow(color=#FFFFFF,offX= 0,offY=-3)
	dropshadow(color=#FFFFFF,offX= 3,offY= 0)
	dropshadow(color=#FFFFFF,offX= 0,offY= 3)
	dropshadow(color=#FFFFFF,offX=-3,offY= 0);
	-webkit-text-stroke-color: #FFFFFF;
	-webkit-text-stroke-width: 1px;
	text-shadow: #FFFFFF 1px 1px 0px, #FFFFFF -1px 1px 0px,#FFFFFF 1px -1px 0px, #FFFFFF -1px -1px 0px;
}
.mac.gecko .header_wf div#tel {
	text-shadow: #FFFFFF 2px 2px 0px, #FFFFFF -2px 2px 0px,#FFFFFF 2px -2px 0px, #FFFFFF -2px -2px 0px;
}



#header_jb-otasuke  {
width:960px;
height:225px;
margin:0px 0px 0px 0px;
padding:0px;
background-image:url(//data.otasuke365.co.jp/_images/index_img_jb.gif);
background-position:top;
background-repeat:no-repeat;
}

#header_fu-otasuke  {
width:960px;
height:225px;
margin:0px 0px 0px 0px;
padding:0px;
background-image:url(//data.otasuke365.co.jp/_images/index_img_fu.gif);
background-position:top;
background-repeat:no-repeat;
}

#header_ob-otasuke  {
width:960px;
height:225px;
margin:0px 0px 0px 0px;
padding:0px;
background-image:url(/images/index_img_ob.gif);
background-position:top;
background-repeat:no-repeat;
}
#header_cat_ob-otasuke  {
width:960px;
height:225px;
margin:0px 0px 0px 0px;
padding:0px;
background-image:url(/images/index_img_ob.gif);
background-position:top;
background-repeat:no-repeat;
}

#header_pc-otasuke  {
width:960px;
height:225px;
margin:0px 0px 0px 0px;
padding:0px;
background-image:url(//data.otasuke365.co.jp/_images/index_img_pc.gif);
background-position:top;
background-repeat:no-repeat;
}



/* 2. navigation style
────────────────────────────────────────*/
ul#gNavi {
clear:both;
width:960px;
margin:0px;
padding:0px;
list-style:none;
}
ul#gNavi li {
float:left;
margin:0px;
padding:0px;
}

#ptop {
clear:both;
display:block;
text-align:right;
padding:10px 15px 0px 0px;
}
#ptop a {
display:inline-block;
text-align:left;
text-indent:-9990px;
width:160px;
height:19px;
background-image:url(../images/p_top.gif);
background-position:top left;
background-repeat:no-repeat;
}
#ptop a:hover {
background-image:url(../images/p_top_on.gif);
}

#f_menu {
text-align:left;
padding:0px 0px 3px 15px;
margin:-15px 0px 0px 0px;
font-size:10px;
}
#f_menu a {
text-decoration:none;
font-size:1.4em;
}
#f_menu a:hover {
text-decoration:underline;
}

/* 2. navigation style texttype
────────────────────────────────────────*/
ul#gNavi_txt {
	clear:both;
	width:960px;
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#gNavi_txt li {
	float:left;
	margin:0px 0px 2px 1px;
	padding:0px;
	display:block;
	text-align:center;
	background-color:#0f2350;
}
ul#gNavi_txt li#home {
	margin:0px 0px 2px 0px;
}
ul#gNavi_txt li a {
	display:block;
	padding:8px 0px 5px 0px;
	color:#FFF;
	text-decoration:none;
	_height:28px;
}
ul#gNavi_txt li a:hover,ul#gNavi_txt li:hover {
	background-color:#2c66e9;
}

ul#gNavi_txt li#gNaviON {
	background-color:#2c66e9;
}
ul#gNavi_txt li#g_on {
	background-color:#2c66e9;
}

ul.txt3 li { width:239px; font-size:16px;}
ul.txt3 li#home { width:240px;}

ul.txt4 li { width:191px; font-size:16px;}
ul.txt4 li#home { width:193px;}

ul.txt5 li { width:159px; font-size:16px;}
ul.txt5 li#home { width:160px;}

ul.txt6 li { width:136px; font-size:16px;}
ul.txt6 li#home { width:138px;}

ul.txt7 li { width:136px;	font-size:14px;}
ul.txt7 li#home { width:138px;}


/* 3. column style
────────────────────────────────────────*/
#contents {
clear:both;
width:945px;
margin:20px auto;
}
#column_l {
float:left;
width:730px;
height:auto;
}
#column_r {
float:right;
width:200px;
height:auto;
}
#column_r h3 {
margin:20px 0px 10px 0px;
padding:0px;
}
.side_bn {
margin:0px 0px 10px 0px;
padding:0px;
}
dl#voice {
margin:0px;
padding:0px;
}
dl#voice dt {
float:left;
margin:0px;
padding:0px;
display:block;
width:50px;
text-align:left;
}
dl#voice dd {
float:left;
width:145px;
display:block;
margin:0px 0px 10px 0px;
padding:0px;
font-size:12px;
text-align:left;
}
div.voice {
text-align:right;
}
#rq {
clear:both;
margin:15px auto;
text-align:center;
}
#qrbox {
clear:both;
margin:15px auto;
text-align:center;
border:1px solid #ccc;
padding:15px 0px 0px 0px;
}
#qrbox div#sname0 {
	font-size:12px;
	color:#0f2350;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:1em;
position:relative;
z-index:30;
}
#qrbox div#sname1 {
	font-size:18px;
	color:#0f2350;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
line-height:1em;
position:relative;
z-index:30;
}
#qrbox div#sname2 {
	font-size:18px;
		color:#0f2350;
margin:0px 0px 0px 0px;
padding:3px 0px 0px 0px;
line-height:1em;
position:relative;
z-index:20;
}
#qrbox div#qrimg {
	margin:-10px 0px 0px 0px;
	padding:0px;
position:relative;
z-index:10;
}
#f_mail {
clear:both;
margin:10px 0px 30px 0px;
}
ul#banner {
margin:0px;
padding:0px;
list-style:none;
}
ul#banner li {
margin:0px 0px 5px 0px;
padding:0px;
height:auto;
}
#copy {
clear:both;
background-color:#0f2350;
color:#FFF;
font-size:12px;
padding:5px 0px;
}

table.type01 {
margin:25px auto;
padding:0px;
border-collapse:collapse;
}
table.type01 th {
width:auto;
min-width:37%;
text-align:left;
border:1px solid #CCC;
}
table.type01 td {
text-align:left;
border:1px solid #CCC;
}

#area {
clear:both;
margin:10px 0px 20px 0px;
}
#area h3 {
color:#1d449c;
font-weight:bold;
font-size:14px;
background-image:none;
margin:0px;
padding:5px 3px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
#area p {
font-size:14px;
margin:0px;
padding:5px 0px 3px 5px;
}


#contents_body_txt {
	width:100%;
	margin: 0px auto 10px;
	padding: 20px 0px;
	font-size: 1.1em;
}
#contents_body_txt h2 {
	margin: 20px;
	padding: 0;
}
#contents_body_txt ul {
	text-align: left;
	background-color: #F3EBEB;
	box-shadow: ;
	padding: 20px;
	margin: 0px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:#cccccc 1px 1px;
}
#contents_body_txt ul li {
	margin: 0 0 0.8em 2em;
	padding: 0;
}
#contents_body_txt p {
	margin: 20px 10px;
	padding: 0;
	line-height: 1.6em;
}
table.tbl-01 {
	width:90%;
	height:auto;
	margin:10px auto 30px;
}
table.tbl-01 td {
	border-bottom:1px solid #ccc;
	padding: 3px 3px;
}

#blog_columR p + h2,
#blog_columR p + h3 {
	margin-top:2em;
}