@charset "UTF-8";

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

1. pagetitle style
2. page style
3. fu-otasuke
4. pc-otasuke
5. Blog

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

/* 1. pagetitle style
────────────────────────────────────────*/
.nushi {
text-align:right;
margin:15px 0px 25px 0px;
padding:0px;
}
table.gyo {
border:1px solid #CCC;
}
table.gyo tbody {
margin:0px;
padding:0px;
}
table.gyo td {
text-align:left;
padding:3px;
margin:0px;
}

table.gyo td.gyo1 {
background-color:#d8fdfd;
}
table.sys {
margin:0px 0px 25px 0px;
}
table.sys td {
text-align:left;
}

/* 2. page style
────────────────────────────────────────*/
.img_t {
margin:20px 20px 35px 20px;
}
.linebox {
margin:10px 20px;
padding:10px;
border:2px solid #0f2350;
font-weight:bold;
font-size:1.4em;
}
.text {
clear:both;
margin:20px 20px 20px 30px;
}
.text2 {
clear:both;
margin:20px 20px 20px 30px;
}
.text2 p {
margin-left:20px;
}
#news {
clear:both;
margin:0px 0px 10px 0px;
border:2px solid #1d449c;
width:718px;
}
#blogbody {
padding:0px 15px 20px 15px;
}
#data {
text-align:right;
font-size:0.8em;
color:#666;
margin:0px;
padding:0px 15px 10px 0px;
}
dl#bloglist {
font-size:1em;
clear:both;
margin:0px;
padding:10px 15px 0px 15px;
text-align:left;
}
dl#bloglist dt {
clear:both;
float:left;
display:block;
width:118px;
margin:0px 0px 15px 0px;
padding:0px;
color:#666;
}
dl#bloglist dd {
float:left;
display:block;
width:570px;
margin:0px 0px 15px 0px;
padding:0px;
}
dl#bloglist dd p {
margin:0px;
padding:0px;
}
p#blog_link {
clear:both;
text-align:right;
padding:0px 10px 10px 10px;
margin:0px;
font-size:0.9em;
}
#listlink {
text-align:left;
margin:30px 0px 30px 10px;
}


.other {
font-size:0.9em;
text-align:right;
padding:0px 15px 0px 0px;
}
div.lif {
float:left;
width:265px;
padding:0px 0px 20px 0px;
}
div.lif ul li {
float:none;
width:250px;
}

.w600 {
clear:both;
width:600px;
height:auto;
margin:40px auto;
}
ul.faqlist {
margin:10px 10px 10px 50px;
padding:0px;
list-style-image:url(../images/icon_qs.gif);
text-align:left;
}
ul.faqlist a {
text-decoration:none;
}
ul.faqlist a:hover {
text-decoration:underline;
}
dl.faqlist {
margin:50px 30px 50px 30px;
padding:0px;
}
dl.faqlist dt {
text-align:left;
margin:0px 0px 5px 0px;
padding:15px 0px 5px 23px;
background-image:url(../images/icon_q.gif);
background-position:0px 15px;
background-repeat:no-repeat;
border-top:2px solid #CCC;
}
dl.faqlist dd {
text-align:left;
margin:0px 0px 15px 0px;
padding:0px 5px 0px 23px;
background-image:url(../images/icon_a.gif);
background-position:left top;
background-repeat:no-repeat;
}
dl.faqlist dd.listback {
text-align:right;
background-image:none;
}

table#mform {
width:500px;
height:auto;
margin:0px auto 30px;
}
table#mform th {
width:170px;
height:auto;
text-align:left;
font-weight:normal;
vertical-align:top;
border-bottom:1px solid #CCC;
background-color:#f5f5f5;
padding:10px;
}
table#mform th span {
color:#F00;
}
table#mform td {
text-align:left;
padding:5px;
vertical-align:top;
border-bottom:1px solid #CCC;
}
table#mform th.ntb,table#mform td.ntb {
border-bottom:none;
}

ul.faqlist {
margin:10px 10px 10px 50px;
padding:0px;
list-style-image:url(../images/icon_qs.gif);
text-align:left;
}
ul.faqlist a {
text-decoration:none;
}
ul.faqlist a:hover {
text-decoration:underline;
}
dl.faqlist {
margin:50px 30px 50px 30px;
padding:0px;
}
dl.faqlist dt {
text-align:left;
margin:0px 0px 5px 0px;
padding:15px 0px 5px 23px;
background-image:url(../images/icon_q.gif);
background-position:0px 15px;
background-repeat:no-repeat;
border-top:2px solid #CCC;
}
dl.faqlist dd {
text-align:left;
margin:0px 0px 15px 0px;
padding:0px 5px 0px 23px;
background-image:url(../images/icon_a.gif);
background-position:left top;
background-repeat:no-repeat;
}
dl.faqlist dd.listback {
text-align:right;
background-image:none;
}
p.rp {
text-align:right;
margin:0px 5px 25px 0px;
padding:0px;
}
dl.shoplist{
margin: 0px 13px 0px 23px;
padding: 0px;
text-align: left;
}
dl.shoplist dt{
margin-bottom: 5px;
border-bottom: 1px dotted #0C2150;
padding: 0px 0px 5px;
color: #2B66E9;
font-weight: bold;
}
dl.shoplist dd{
margin: 0px;
padding: 0px 10px;
}
dl.shoplist dd.tell{
font-weight: bold;
color: #0C2150;
}
dl.shoplist dd.delimiter{
margin-bottom: 20px;
}

.gyou_t p.inquiry_btn a {
background-image: url(../images/gyomu_image_inquiry.gif);
}
.subtxt {
	width:700px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#F7DBDB;
	padding:7px;
	margin:0px 0px;
}

#dlpdf {
	margin:20px 0px;
	padding:0px;
}
#dlpdf a {
	display:block;
	padding:10px 15px;
	margin:0px 200px;
	text-align:center;
	font-size:14px;
	border:3px solid #2353af;
	background-color:#2353af;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#dlpdf a:hover {
	border:3px solid #3676f1;
	background-color:#3676f1;
}

.sysimg {
	clear:both;
	margin:0px 50px 30px 0px ;
	padding:10px 0px 0px 10px;
	background-position:right top;
	background-repeat:no-repeat;
	height:160px;
}
.sysimg h3,.sysimg_s h3 {
	font-size:1.4em;
}
.sysimg p,.sysimg_s p {
	font-size:1.1em;
}
.sysimg_s {
	clear:both;
	margin:0px 50px 30px 0px ;
	padding:10px 0px 0px 10px;
	background-position:right top;
	background-repeat:no-repeat;
	height:140px;
}
.sysimg01 {
	background-image:url(//data.otasuke365.co.jp/_images/sysimg01.gif);
}
.sysimg02 {
	background-image:url(//data.otasuke365.co.jp/_images/sysimg02.gif);
}
.sysimg03 {
	background-image:url(//data.otasuke365.co.jp/_images/sysimg03.gif);
}
.sysimg04 {
	background-image:url(//data.otasuke365.co.jp/_images/sysimg04.gif);
}
.sysimg05 {
	background-image:url(//data.otasuke365.co.jp/_images/sysimg05.gif);
}
.red {
	color:#ff0000;
}
.fs {
	font-size:0.7em;
}


/* 3. fu-otasuke
────────────────────────────────────────*/

.voice_m {
background-image:url(../jb-otasuke/images/icon_m.gif);
background-position:left top;
background-repeat:no-repeat;
padding:0px 0px 0px 80px;
margin:20px 0px;
}
.voice_l {
background-image:url(../jb-otasuke/images/icon_l.gif);
background-position:left top;
background-repeat:no-repeat;
padding:0px 0px 0px 80px;
margin:20px 0px;
}
.name {
text-align:right;
}


/* 4. pc-otasuke
────────────────────────────────────────*/

.fbig {
clear:both;
font-size:1.2em;
font-weight:bold;
line-height:1.6em;
}
.fbig_c {
clear:both;
color:#0f2350;
font-size:1.2em;
font-weight:bold;
line-height:1.6em;
}
ul#navi_bg {
clear:both;
margin:0px 0px 10px 0px;
padding:0px;
list-style:none;
}
ul#navi_bg li {
float:left;
font-size:12px;
text-align:center;
width:182px;
height:31px;
margin:0px;
padding:0px;
}
ul#navi_bg li a {
display:block;
width:181px;
padding:6px 0px 6px 0px;
background-image:url(../pc-otasuke/images/s_navi.gif);
background-position:left top;
background-repeat:no-repeat;
color:#FFF;
text-decoration:none;
}
ul#navi_bg li a:hover {
background-image:url(../pc-otasuke/images/s_navi_on.gif);
}
ul#navi_bg li#s_on a {
background-image:url(../pc-otasuke/images/s_navi_on.gif);
}
ul.circle {
margin:15px 15px 30px 15px;
padding:0px;
list-style:none;
text-align:left;
}
ul.circle li {
background-image:url(../images/icon_h.gif);
background-position:0 2px;
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 23px;
}



/* 5. pc-otasuke
────────────────────────────────────────*/


.index_box_l {
width: 360px;
float: left;
margin: 0px;
padding: 0px;
text-align: left;
height: 195px;
overflow: hidden;
}
.box_l_l {
width: 370px;
}
.index_box_l h3 {
background-image: none;
margin: 0px !important;
padding: 0px !important;
height: 55px;
width: 360px;
}
.index_box_l div {
margin: 0px;
padding: 0px;
background-repeat: no-repeat;
background-position: left top;
height: 125px;
width: 360px;
overflow: hidden;
}
.index_box_l ul {
margin: 0px 0px 0px 20px !important;
padding: 0px !important;
font-size: 13px;
line-height: 15px;
height: 100px;
width: 300px;
}
.index_box_l li {
margin: 0px !important;
padding: 3px 0px 0px !important;
background-image: none !important;
}
.index_box_l li.other a{
display: inline-block;
padding-right: 5px;
}
.index_box_l p {
font-size: 15px;
font-weight: bold;
color: #e50012;
margin: 0px 10px 0px 20px;
padding: 0px;
line-height: 18px;
}

#b01 div { background-image: url(../images/b01_bg.gif); }
#b02 div { background-image: url(../images/b02_bg.gif); }
#b03 div { background-image: url(../images/b03_bg.gif); }
#b04 div { background-image: url(../images/b04_bg.gif); }
#b05 div { background-image: url(../images/b05_bg.gif); }
#b06 div { background-image: url(../images/b06_bg.gif); }
#b07 div { background-image: url(../images/b07_bg.gif); }
#b08 div { background-image: url(../images/b08_bg.gif); }

#linenup #b01 li { width:220px; }
#linenup #b02 li { width:245px; }
#linenup #b03 li { width:205px; }
#linenup #b04 li { width:200px; }
#linenup #b05 li { width:195px; }
#linenup #b06 li { width:235px; }
#linenup #b07 li { width:235px; }
#linenup #b08 li { width:230px; }

#linenup .index_box_m {
width: 240px;
float: left;
margin: 0px;
padding: 0px;
text-align: left;
overflow: hidden;
}
#linenup .index_box_m h3 {
background-image: none;
margin: 0px 0px 0px 10px;
padding: 0px;
height: 70px;
width: 220px;
}
#linenup .index_box_m ul {
margin: 0px 0px 0px 10px;
padding: 0px 0px 5px;
font-size: 13px;
line-height: 16px;
width: 220px;
}
#linenup .index_box_m li {
margin: 0px;
padding: 3px 15px 0px;
background-image: none;
border-bottom: 1px solid #9FA0A0;
}

#linenup .sbox {
float:left;
width:180px;
height:auto;
padding:20px 0px 10px;
text-align: left;
}
.sbox_s {
float:left;
width:235px;
height:auto;
padding:5px 0px 10px 0px;
}

#linenup .sbox h3 {
background-image: none;
margin: 0px 0px 0px 10px;
padding: 0px;
height: 45px;
}
#linenup .sbox ul {
margin: 0px 0px 0px 10px;
height: 60px;
}
#linenup .sbox li {
width: 160px;
font-size: 12px;
}
#linenup .other {
font-size: 12px;
_font-size: 13px;
text-align:right;
padding:0px 15px 0px 0px;
}

/* 6. Blog
────────────────────────────────────────*/
#blog_columR {
float:right;
width:530px;
height:auto;
}
#blog_columR h2 a {
color:#0f2350;
text-decoration:none;
}
#blog_columR ul {
clear:both;
text-align:left;
}
#blog_columL {
float:left;
width:180px;
height:auto;
text-align:left;
padding:20px 0px 0px 0px;

}
#blog_columL h3 {
color:#0f2350;
font-weight:bold;
background-image:none;
margin:0px 0px 5px 0px;
padding:0px;
}

#blog_columL ul {
margin:0px 0px 30px 0px;
padding:0px;
list-style:none;
}
#blog_columL ul li {
margin:0px 0px 5px 0px;
padding:0px 0px 0px 15px;
background-image:url(../images/icon.gif);
background-position:0px 5px;
background-repeat:no-repeat;
}
#blogfoot {
clear:both;
padding:25px 0px 40px 0px;
}

/* 7. service
────────────────────────────────────────*/
.gyou_t p.inquiry_btn a {
background-image: url(../images/gyomu_image_inquiry.gif);
}

/* 8. Toppage Banner
────────────────────────────────────────*/
#bigbn_s {
width:730px;
height:230px;
margin:0px auto 20px;
padding:0px;
background-position:top left;
background-repeat:no-repeat;
}
#bigbn_s p {
text-indent:-9990px;
margin:0px;
padding:0px;
}
div.bnbox {
clear:both;
margin:0px 0px 30px 0px;
padding:0px;
text-align:center;
}
div#bn_inquiry {
margin:0px 0px 20px 0px;
}
h2.bn01 {
	margin:0px 0px 10px 0px;
	padding:0px;
	text-align:center;
}
.bn01x3 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}
.bn01x3 img {
	margin-bottom:12px;
}
div.bn02 {
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	text-align:center;
}
div.bnIndex {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	text-align:center;
}


/* 9. Toppage linenup sprite
────────────────────────────────────────*/

#linenup {
	clear:both;
	padding:10px 0px 20px;
}
#linenup h2 {
	clear:both;
	margin:0px;
	padding:0px;
	text-align:left;
	color:#0f2350;
	font-size:16px;
}
#linenup h3 {
	clear:both;
	margin:0px 0px 10px 5px;
	padding:0px;
}

#linenup ul {
	margin:0px 0px 0px 5px;
	padding:0px;
	list-style:none;
	text-align:left;
}
#linenup ul li {
	font-size:0.9em;
	width:220px;
	margin:0px;
	padding:0px 0px 0px 16px;
	background-image:url(../images/icon.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
}
#linenup ul.liw li {
	width:220px;
}
div.lif {
	float:left;
	width:265px;
	padding:0px 0px 20px 0px;
}
div.lif ul li {
	float:none;
	width:250px;	
}

.index_box_l {
	width: 360px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: 195px;
	overflow: hidden;
}
.box_l_l {
	width: 370px;
}
.index_box_l h3 {
	background-image: none;
	margin: 0px !important;
	padding: 0px !important;
	height: 55px;
	width: 360px;
}
.index_box_l div {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 125px;
	width: 360px;
	overflow: hidden;
}
.index_box_l ul {
	margin: 0px 0px 0px 20px !important;
	padding: 0px !important;
	font-size: 13px;
	line-height: 15px;
	height: 100px;
	width: 300px;
}
.index_box_l li {
	margin: 0px !important;
	padding: 3px 0px 0px !important;
	background-image: none !important;
}
.index_box_l li.other a{
	display: inline-block;
	padding-right: 5px;	
}
.index_box_l p {
	font-size: 15px;
	font-weight: bold;
	color: #e50012;
	margin: 0px 10px 0px 20px;
	padding: 0px;
	line-height: 18px;
}
#b01 h3, #b01 div,
#b02 h3, #b02 div,
#b03 h3, #b03 div,
#b04 h3, #b04 div,
#b05 h3, #b05 div,
#b06 h3, #b06 div,
#b07 h3, #b07 div,
#b08 h3, #b08 div { background-image: url(//data.otasuke365.co.jp/_images/sprite_index_v2.png); }

#b01 h3 a,
#b02 h3 a,
#b03 h3 a,
#b04 h3 a,
#b05 h3 a,
#b06 h3 a,
#b07 h3 a,
#b08 h3 a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 360px;
	text-indent: -9990px;
}

#b01 h3 { background-position:0px 0px }
#b02 h3 { background-position:-360px 0px }
#b03 h3 { background-position:0px -180px }
#b04 h3 { background-position:-360px -180px }
#b05 h3 { background-position:0px -360px }
#b06 h3 { background-position:-360px -360px }
#b07 h3 { background-position:0px -540px }
#b08 h3 { background-position:-360px -540px }

#b01 div { background-position:0px -55px }
#b02 div { background-position:-360px -55px }
#b03 div { background-position:0px -235px }
#b04 div { background-position:-360px -235px }
#b05 div { background-position:0px -415px }
#b06 div { background-position:-360px -415px }
#b07 div { background-position:0px -595px }
#b08 div { background-position:-360px -595px }

#linenup #b01 li { width:220px; }
#linenup #b02 li { width:245px; }
#linenup #b03 li { width:205px; }
#linenup #b04 li { width:220px; }
#linenup #b05 li { width:195px; }
#linenup #b06 li { width:235px; }
#linenup #b07 li { width:235px; }
#linenup #b08 li { width:230px; }

#linenup .index_box_m {
	width: 240px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
}
#linenup .index_box_m h3 {
	background-image: url(//data.otasuke365.co.jp/_images/sprite_index_v2.png);
	margin: 0px 0px 0px 10px;
	padding: 0px;
	height: 70px;
	width: 220px;
}
#linenup .index_box_m h3 a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 220px;
	text-indent: -9990px;
}
#bm01 h3 { background-position:0px -910px }
#bm02 h3 { background-position:-220px -910px }
#bm03 h3 { background-position:-440px -910px }
#linenup .index_box_m ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 5px;
	font-size: 13px;
	line-height: 16px;
	width: 220px;
}
#linenup .index_box_m li {
	margin: 0px;
	padding: 3px 15px 0px;
	background-image: none;
	border-bottom: 1px solid #9FA0A0;
}

#linenup .sbox {
	float:left;
	width:180px;
	height:auto;
	padding:20px 0px 10px;
	text-align: left;
}
.sbox_s {
	float:left;
	width:235px;
	height:auto;
	padding:5px 0px 10px 0px;
}

#linenup .sbox h3 {
	background-image: url(//data.otasuke365.co.jp/_images/sprite_index_v2.png);
	margin: 0px 0px 0px 10px;
	padding: 0px;
	height: 45px;
}
#linenup .sbox h3 a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 170px;
	text-indent: -9990px;
}
#linenup .sbox h3 span {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 170px;
	text-indent: -9990px;
}
#bs01 h3 { background-position:0px -990px }
#bs02 h3 { background-position:-180px -990px }
#bs03 h3 { background-position:-360px -990px }
#bs04 h3 { background-position:-540px -990px }
#linenup .sbox ul {
	margin: 0px 0px 0px 10px;
	height: 60px;
}
#linenup .sbox li {
	width: 160px;
	font-size: 12px;
}
#linenup .other {
	font-size: 12px;
	_font-size: 13px;
	text-align:right;
	padding:0px 15px 0px 0px;
}
#linenup .sbox h3 {
}



/* 10. Customer
────────────────────────────────────────*/
.wv {
	color:#ff6699;
}
.mv {
	color:#0099ff;
}
.customer {
	clear:both;
	background-position:right top;
	background-repeat:no-repeat;
	padding:0px 240px 40px 0px;
}
.customer h3 {
	font-size:1.3em;
}
.customer p {
	font-size:1em;
}

.c_img01 { background-image:url(//data.otasuke365.co.jp/_images/c_img01.gif);}
.c_img02 { background-image:url(//data.otasuke365.co.jp/_images/c_img02.gif);}
.c_img03 { background-image:url(//data.otasuke365.co.jp/_images/c_img03.gif);}
.c_img04 { background-image:url(//data.otasuke365.co.jp/_images/c_img04.gif);}
.c_img05 { background-image:url(//data.otasuke365.co.jp/_images/c_img05.gif);}
.c_img06 { background-image:url(//data.otasuke365.co.jp/_images/c_img06.gif);}
.c_img07 { background-image:url(//data.otasuke365.co.jp/_images/c_img07.gif);}

.sp {
display:none;
}


ul#shuffle,ul#shuffle_cat,ul#shuffle_subcat {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#shuffle li,ul#shuffle_cat li,ul#shuffle_subcat {
	margin:0px;
	padding:0px;
}