@charset "shift_jis";  

/*  
 Share Style [  
----------------------------------------------------------- */
.gopc { display: none;}
.gosp { display: none;}
#footer { clear: both; padding: 10px 0; text-align: center;}

* {   
    margin:0;   
    padding:0;   
}   
body {
	font-family:Verdana, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size:12px;
}   
html {   
    overflow-y:scroll;   
}   
h1,h2,h3,h4,h5,h6 {   
}   
p,li,dt,dl {   
    line-height:1.6;   
}   
p {   
    margin:0 0 1em 0;}   
li {   
    list-style-type:none;   
}   
img {   
    border:0;   
}   
address {   
    font-style:normal;   
}   
.clear {   
    clear:both;   
}  

/*  
 Share Style font [  
----------------------------------------------------------- */
.font_red { color:#990033; }
.font_blue { color:#0066CC; }

/*  
 Link Color [  
----------------------------------------------------------- */  
a:link {   
    color:#ff9900;   
    text-decoration:underline;   
}   
a:visited {   
    color:#189B12;   
    text-decoration:underline;   
}   
a:hover {   
    text-decoration:underline;   
}   
a:active {   
    color:#666;   
}  

/* ===============================================================
	 WRAPPER
================================================================*/
div#wrapper {
	margin: 0 auto; width: 950px;
}  
/*  
 container [  
----------------------------------------------------------- */  
#container {   
}   


/* =======================================
	 0. Header
========================================*/

div#header {
	margin: 0 auto;
	width: 950px;
	height:100px;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
} 

/* ------------------------------- SiteID */
h1 {
	margin: 0;
	padding:0;
	font-size: 12px;
	font-weight: normal;
}

/* ------------------------------- SiteID */
div#Top {
	float: left;
}


/* ------------------------------- Head */
div#head {
	float: right;
	width: 580px; height: 80px;
	padding-right:10px;
}

div#header h1#site_head {
	float: left;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "Lucida Grande", "Verdana", "‚l‚r ƒSƒVƒbƒN";
	font-size: 12px; color:#4e4e4e; line-height:40px;
	letter-spacing: 0;
	width: 300px;
}

div#header h2 {
	float: left;
	margin-top: 42px;
	margin-left:12px;
	font-size: 12px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "Lucida Grande", "Verdana", "‚l‚r ƒSƒVƒbƒN";
	color: #003399;
	visibility:hidden;
}

/* =======================================
	 0. CONTENTS
========================================*/
div#contents {
	clear:both; width: 950px;
	padding-top:10px;
} 
/* =======================================
	 0. LEFT_WRAP
========================================*/
div#left_wrap {
	float: left; width: 200px; padding-bottom:20px; }

#left_wrap #menu { margin:15px auto; }
#left_wrap .bnr { padding:5px 10px; background-color:#CCCCCC; margin-bottom:5px; }

#left_wrap .honsha_box { padding:5px; }
.left-name {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	font-size: 12px; font-weight: bold;
	color: #3399FF; }
.left-tel {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0.1em;
}	
#left_wrap .honsha_box li {
	background-image: url(../images/left_icon_li.gif);
	background-repeat: no-repeat;
	line-height: 18px;
	background-position: left 2px;
	padding-left: 15px;
}	

/* =======================================
	 0. MAIN_WRAP
========================================*/
div#main_wrap {
	float: right;
	width: 730px;
}

/* =======================================
	 0. INDEX_MAIN
========================================*/
div#index_main_wrap {
	width: 730px;
}

div#index_main_wrap .index_main_mr10 { float:left; margin-right:10px; text-align:center; width:360px; margin-bottom:10px; }
div#index_main_wrap .index_main { float:left; text-align:center; width:360px; margin-bottom:10px; }

div#index_main_wrap img { margin-bottom:5px; }

/* =======================================
	 0. COPY
========================================*/
#copy {
	clear:both; width: 940px;
	marign-top: 10px;
	marign-bottom: 10px;
	padding: 5px;
	font-size: 12px;
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #FFFFFF;
	background-color: #37A3EE;
	font-weight: bold;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 0.5px;

}



.title { display: block; height: 42px; background-position: 0 0; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.t_inquiry { background-image: url(../images/title_inquiry.gif);}
.t_howto { background-image: url(../images/title_howto.gif);}
.t_form { background-image: url(../images/title_form.gif);}
.t_transaction { background-image: url(../images/title_transaction.gif);}
.t_towel01 { background-image: url(../towel/images/ttl_01.gif);}
.t_towel02 { background-image: url(../towel/images/ttl_02.gif);}
.t_towel03 { background-image: url(../towel/images/ttl_03.gif);}
.t_towel04 { background-image: url(../towel/images/ttl_04.gif);}
.t_towel05 { background-image: url(../towel/images/ttl_05.gif);}
.t_towel06 { background-image: url(../towel/images/ttl_06.gif);}
.t_towel07 { background-image: url(../towel/images/ttl_07.gif);}
.t_towel08 { background-image: url(../towel/images/ttl_08.gif);}


@media screen and (max-width: 640px) {
body,input,textarea,select { font-family: Verdana, "ŸàƒSƒVƒbƒN", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
.gopc { display: block; padding: 20px; cursor: pointer;}
.gosp { display: none;}
.pc { display: none;}
.spimg { width: 100%; height: auto;}
.slide { position: relative; width: 100%; margin-bottom: 30px; padding-top: 30px; overflow: scroll;}
.slide:before{ content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; color: #fff; background: #e07903; position: absolute; top: 10px; left: 0; border-radius: 5px; padding: 0.05em 0.5em;}
div#wrapper { width: 100%;} 
div#header { width: 100%; height: auto; background: none;}
h1 { font-size: 11px;}
#Top { float: none!important;}
#Top img { width: 98%; height: auto; margin: 0 1%;}
div#header h2 { float: none; margin: 10px 0 0; padding: 2px; text-align: center; background: #E2E9ED; border-top: #CAD8DE solid 3px; border-bottom: #CAD8DE solid 3px; color: #0061B6; visibility: visible;}
div#contents { width: 100%; margin: 0; padding: 0;}
div#left_wrap { display: inline-block; float: none; width: 100%;}
#left_wrap .tel, div#left_wrap .mail { float: left; width: 50%; padding: 5px 0 2px;}
#left_wrap .tel img, div#left_wrap .mail img { width: 100%; height: auto;}
#left_wrap #menu { width: 100%; margin: 15px auto 30px;}
#left_wrap #menu a { display: block; float: left; width: 50%; overflow: hidden;}
#left_wrap #menu a img { width: 150%; height: auto;}
div#main_wrap { float: none; width: 100%; overflow: hidden;}
div#index_main_wrap { width: 100%;}
#copy { width: 100%; marign-bottom: 0; padding: 0; text-align: center;}

#index_noshi { width: 100%!important; margin: 0 auto!important; overflow: hidden;}
.index_main, .index_main_mr10 { float: none!important; width: 98%!important; margin: 0 auto 10px!important;}
#index_main_wrap img { width: 100%; height: auto;}
#index_midashi { padding: 2%; text-align: left!important;}
#index_noshi #container { background: url(../images/index_noshi_bg2.gif) center top no-repeat!important; padding: 180px 0 10px!important;}
.noshi_table { width: 100%!important;}
table.noshi_sample { width: 100%!important;}
table.noshi_sample td { display: block; width: 98%; height: auto; padding: 1%;}
#index_mekata {	background: url(../images/img_mekata.gif) center bottom no-repeat!important; padding: 0 0 120px!important;}
#index_mekata_graf { margin: 0!important;}

#top_box { width: 100%!important;}
#wrap_frame { width: 98%!important; margin: 0!important; padding: 1%!important; background: none;}
table#form_tbl, table#tokutei_tbl, .inquiry_form table { width: 100%!important; margin: 0!important;}
table#form_tbl tr, table#form_tbl th, table#form_tbl td,
table#tokutei_tbl tr, table#tokutei_tbl th, table#tokutei_tbl td { display: block!important; width: 98%!important; height: auto!important; padding: 2% 1%!important;}
table#form_tbl td input[type="text"], table#form_tbl td input[type="submit"], table#form_tbl td textarea, table#form_tbl td select { width: 100%; overflow: hidden;}
.inquiry_form_bg { background-image: none!important;}
.inquiry_form_bg tr { background: url(../image/bar_01.gif) 0 bottom repeat-x;}

.wrap_howto { width: 100%!important; margin:10px auto!important;}
.wrap_howto#step1, .wrap_howto#step2, .wrap_howto#step3, .wrap_howto#step4 { height: auto!important; background: none!important; border-top: #8CCCED solid 3px;}
.wrap_howto .note { width: 96%!important; margin-left: 0!important; padding: 2%!important;}	
.wrap_howto .note table { width: 100%!important;}
.wrap_howto .note tr, .wrap_howto .note td { display: block!important; width: 98%!important; height: auto!important; padding: 2% 1%!important;}
#howto_Tbox { width: 96%!important; padding: 2%!important;}
table#tokutei_tbl td.btm_bar { background: none!important;}

#top_box, #photo_box, #ito_box, div.txt_box { width: 98%!important; padding: 1%!important;}
#top_box img { display: block; text-align: center; float: none!important; margin: 0 auto!important;}
#photo_box #photo_box_L, #photo_box #photo_box_R { float: none!important; width: 100%!important;}
#towel_menu { width: 175px!important; margin: 0 auto;}
table.price { margin: 0!important;}

.title { height: auto; padding: 6px; background: none; border: #1A99DB solid 1px; border-left-width: 6px; text-indent: 0; font-size: 20px; color: #1A99DB;}
.t_towel01 { border-color: #55bd15; color: #55bd15;}
.t_towel02 { border-color: #11de2e; color: #11de2e;}
.t_towel03 { border-color: #11de7b; color: #11de7b;}
.t_towel04 { border-color: #00bd7f; color: #00bd7f;}
.t_towel05 { border-color: #11bfde; color: #11bfde;}
.t_towel06 { border-color: #0d84d6; color: #0d84d6;}
.t_towel07 { border-color: #0d5cd6; color: #0d5cd6;}
.t_towel08 { border-color: #660eea; color: #660eea;}
}