@charset "utf-8";

/*********************************************************************
sakaioffice Co.,LTD.
For iPhone & Smartphone
*********************************************************************/

/* BASE --------------------------------------------------------*/

html{ background: none;}
body{
	padding: 0;
	background: none;
	color: #000;
	width: 100%;
	-webkit-text-size-adjust: none;
	line-height: 150%;
	font-size: 85%;
	font-family:  ArialMT, Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}

.str3{ font-size: 135%;}
.sml1{ line-height: 150%;}
.sml2{ line-height: 140%;}

.img_r{ margin: 0 0 15px; float: none;}
.img_l{ margin: 0 0 15px; float: none;}
.f_l, .f_r{ float: none;}
a.f_l{ float: left; font-weight: bold;}
a.f_r{ float: right; font-weight: bold;}
.w290 .img_r{ margin: 0 0 15px 10px; float: right;}

.w260, .w330, .w390, .w390, .w450, .w480, .w550{ width: 100%;}

map{ display: none;}

/* LAYOUT --------------------------------------------------------*/

#container{ background: url(common/bg_container.jpg) no-repeat center -15px;}

#wrap{
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff;
	max-width: 100%;
	min-height: 100px;
}
header{
	margin: 0;
	width: 100%;
	height: 235px;
}
#center{
	padding: 0 0 20px;
}
footer{
	max-width: 100%;
	min-width: 100%;
}

/* TITLES --------------------------------------------------------*/

#description{ display: none;}

h1{
	margin: 0 0 10px;
	padding: 15px 25px;
	height: auto;
	background: #ede8d1;
	background: -moz-linear-gradient(top,#fdfdfb,#ede8d1);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfb), to(#ede8d1));
	background: -ms-linear-gradient(top, #fdfdfb 0%, #ede8d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fdfdfb', endColorstr='#ede8d1');
	width: auto;
	line-height: 110%;
	font-size: 26px;
	font-weight: bold;
}
h2{
	margin: 0 0 0.5em;
	padding: 8px 10px;
	background-size: 140%;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}
h3{
	margin: 0 0 0.5em;
	font-size: 14px;
}
h4 span{ font-weight: bold;}

/* Header --------------------------------------------------------------------------------------------*/

#header .tel_no{
	top: 40px;
	left: 10px;
	width: 100%;
}
#header .tel_no .f_l{ display: none;}
#header .tel_no .no{
	font-size: 24px;
}
/* Index --------------------------------------------------------------------------------------------*/

#index #container{ background: none;}

#index h1{
	margin: 0 auto;
	background: none;
	width: 100%;
	height: auto;
	overflow: visible;
	max-height: auto;
}
#index #mainimg_sph{
	margin: 0 0 5px;
	display: inherit;
	background: none;
	height: auto;
}
#index #wrap{ padding: 0;}

#index article{ margin: 0;}
#index #introduction article{
	padding: 0;
	background: none;
	min-height: auto;
	font-size: 100%;
}
#index_faq .clrfx{ padding: 0;}
#index_faq .icons,
#index_faq .no_icons{ padding: 0;}
#index_faq .w390{ padding: 0 0 20px;}
#index_faq .arrow .f_l{ float: left;}
#index_faq .arrow .f_r{ float: right;}

/* Articles --------------------------------------------------------------------------------------------*/

section{ padding: 0 10px 30px;}

article{ margin: 0;}
article p{ margin: 0 0 0.5em;}

/* column */

.column1, .column2{ margin: 0 0 20px; padding: 0.5em 1em;}
.column3{ margin: 0 0 20px; padding: 1em;}
section.column1, section.column2{ margin: 0 10px 20px;}

/* LIST *********/
/* list_Check Icon */

section ul.ic_check{ margin: 0 0 15px;}

/* Forms ***********/

#form_sakaioffice .Dlist{ margin: 0 0 10px;}

#form_sakaioffice .dl2 dl dt{ margin: 0.25em 0 0; float: none; width: 100%;}
#form_sakaioffice .dl2 dl dd{ margin: 0.25em 0 0; float: none; width: 100%;}

#form_sakaioffice .dl2 dl dd textarea{ max-width: 95%;}
#form_sakaioffice .dl2 dl dd input{ max-width: 160px;}

#form_sakaioffice .links{ margin: 0 0 1em; font-size: 80%;}

#form_sakaioffice textarea.mfp{
	width: 295px;
	height: 150px;
	max-width: 295px;
	max-height: 150px;
	min-height: 100px;
}
div#confirmBody{
	margin: 0;
	max-width: 100%;
}

/* Sozoku ||||||||||||||||||||||||*/

/* Flow ***********/

#sozoku_flow article{
	margin: 0;
	padding: 0 0 20px;
	background: none;
	font-size: 100%;
}
#sozoku_flow article img{ margin: 0 0 10px;}
#sozoku_flow article .f_l{ float: left; width: 70%;}
#sozoku_flow article .f_r{
	width: 100%;
	clear: both;
	line-height: 1.5;
	font-size: 90%;
}

/* sozokunin ***********/

#sozokunin_3 .sozokunin_box{
	margin: 0 0 20px;
	background: none;
}
#sozokunin_3 .sozokunin_top{ background: none;}
#sozokunin_3 .sozokunin_btm{
	padding: 0;
	background: none;
}
#sozokunin_3 .sozokunin_btm .f_l{ padding: 5px; width: auto; background: #ede8d1;}
#sozokunin_3 .sozokunin_btm .f_l br{ display: none;}
#sozokunin_3 .sozokunin_btm .f_r{ padding: 10px 0 0; width: 100%;}
#sozokunin_3 table{ margin: 0 0 10px;}

/* kazoku ||||||||||||||||||||||||*/

#kazoku .column3 .f_l{ padding: 5px 0 15px;}

/* Fee ||||||||||||||||||||||||*/

#fee article.column{ padding: 15px 10px;}

#fee_introduction ul, #fee_introduction .dl2 dl{ margin: 0; font-size: 95%;}
#fee_introduction ul{ margin: 0 0 10px;}

#fee_introduction th.bg_ivory{ padding: 0.2em 0.5em 0.2em 1em; text-indent: 0;}
#fee_introduction th, #fee_introduction td{ line-height: 1.5; font-size: 11px;}

/* Aboutus ||||||||||||||||||||||||*/

#access iframe{
	height: 300px;
}

/* Footer --------------------------------------------------------*/

footer{ text-align: center;}
.footer_inner{
	margin: 0;
	padding: 0 0 5px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
footer .clrfx{ padding: 0 10px;}

/* #footer_btm ***********/

#footer_top{
	padding: 15px 0 5px;
	background: none;
}
#footer_btm{
	padding: 10px 0 0;
	font-size: 85%;
}
#f_content{
	margin: 0 0 0.5em;
	float: none;
	width: 100%;
	line-height: 1.3;
	text-align: center;
}
#f_content div{ float: none;}

#footer_btm .tel_no{
	float: none;
	width: auto;
	font-size: 110%;
}
#footer_btm .btn_mail{ margin: 0 auto;}

#footer_btm .footer_inner{
	padding: 0 0 10px;
	background: none;
}
#copy{
	margin: 0.2em 0 0;
	font-size: 85%;
}
#copy .r{ text-align: center;}

/* NAVIGATION --------------------------------------------------------------------------------------------*/

/* Logo **********************************/

#logo{
	top: 0;
	left: 0;
	width: 99%;
	height: 50px;
	max-width: 350px;
	background-size: 100%;
	line-height: 50px;
}

/* Global Navi **********************************/

#g_navi{
	top: 75px;
	width: 100%;
	height: 80px;
	line-height: 150%;
}
#g_navi li{ width: 33%;}
#g_navi li:nth-child(3n){ width: 34%;}
#g_navi li, #g_navi a{ height: 33px;}
#g_navi li a{
	border-right: solid 1px #1653a0;
	color: #fff;
	background: -moz-linear-gradient(top,#1653a0, #1653a0 50%,#003d8b 50%,#003d8b);
	background: -webkit-gradient(linear, left top, left bottom, from(#1653a0), color-stop(0.50,#1653a0), color-stop(0.50,#003d8b), to(#003d8b));
	font-size: 11px;
	line-height: 28px;
	font-weight: bold;
}
#g_navi li:nth-child(n+4) a{ font-size: 9.5px;}
#g_navi li a:hover{ background: #003d8b;}

/* Header BTNS ****************/

header .btn_request{ top: 65px;	right: 5px;}

#search, #navi_sml{ display: none;}

/* Top Navi **********************************/

/*#t_navi{ display: none;}*/

#t_navi{
	padding: 3px 5px;
	top: 140px;
	background: #ede8d1;
	width: auto;
	height: auto;
	border-bottom: solid 1px #e1dabe;
}
#t_navi li{
	margin: 0 12px 0 0;
	line-height: 1.4;
	font-size: 12.5px;
}
#t_navi a{ padding: 3px 0 0 6px;}
#t_navi li:last-child a{ padding: 3px 0 0 10px;}

.btn_mail{ width: 9em; font-size: 11px;}

header .btn_mail{ top: 40px;}


/* LEFT navigation ---------------------------------------------*/

#left ul{ text-align: left;}
#left a{ padding: 0.7em 15px 0.7em 10px; width: auto;}

#left li, #left li.nolink{ width: 100%;}
#left li.s, #left ul ul li{
	font-size: 12.5px;
	font-weight: bold;
}
#left a,
#left li.s a,
#left ul ul li a,
#left a:hover,
#left li.s a:hover,
#left ul ul li a:hover{
	background-position: 95% center;
}

/* Breadcrumbs ***********************************/

#breadcrumbs{ display: none;}

/* BTN h2, h3 ****************/

.links{ font-weight: bold;}

.h2 a.btn{ right: 5px;}

/* li float navi **********************************/

.li_fl3, .li_fl4{
	margin: 0;
}
.li_fl3 li, .li_fl4 li{
	margin: 0;
	float: none;
	width: auto;
}

/* PageBute **********************************/

#pagebute{
	margin: 0 0 15px;
	padding: 0;
}
.link_page, .link_before, .link_next{ background: none;}

/* Footer --------------------------------------------------------------------------------------------*/

/* BTN Pagetop(ID) ****************/

#pagetop{
	margin: 0;
	padding: 0 10px;
	width: auto;
	max-width: 100%;
}
#pagetop a{
	float: right;
}
#pagetop a em{
	padding: 5px 12px;
}

/* navi #footer_top ****************/

footer ul{
	margin: 0 10px;
	border: solid 1px #ddcf99;
	border-radius: 5px;
	font-weight: bold;
	font-size: 13.5px;
}
footer li{
	margin: 0;
	float: none;
	display: block;
	border-bottom: solid 1px #ddcf99;
}
footer li:last-child{ border: none;}
footer li a{
	display: block;
}
footer ul#footernavi_sozoku{ display: none;}

footer #footer_btm ul{ margin: 0 10px 20px;}