@charset "UTF-8";
/* CSS Document */

*{
font-family: "ＭＳ Ｐゴシック" , MS PGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, sans-serif;
}

body{
margin:0;
padding:0;
width:100%;
height:100%;
font-size:12px;
}



img{
border:none;
}

ul, li{
margin:0;
padding:0;
list-style:none;
}



h2{
margin:0;
padding:8px 0 5px 0;
font-size:18px;
color:#4c4c4c;
font-weight:500;
}

h3{
border-left:3px solid #ed6d00;
padding:0 0 0 5px;
margin:0 0 10px 0;
font-weight:bold;
font-size:14px;
}

dl, dd, dt{
margin:0;
padding:0;
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
.clearfix{display: inline-block;} 

    /* Hides from IE Mac */
    * html .clearfix {height: 1%;}
       .clearfix{display:block;}
    /* End Hack */ 

h4{
margin:0 0 10px 0;
}

#wrapper{
clear:both;
width:950px;
margin:0 auto;
height:100%;
}

#pankuzu{
margin:0 0 10px 0;
}

#pankuzu ul li{
font-size:10px;
float:left;
margin:0 3px 0 0;
}

#pankuzu ul li a{
color:#333;
text-decoration:none;
}
#pankuzu ul li a:hover{
text-decoration:underline;
}


#index_main{
clear:both;
width:690px;
float:left;
}

#index_sub{
margin:0 0 50px 0;
width:230px;
float:right;
}

#main{
clear:both;
width:720px;
float:left;
}

/**sub**/

#sub{
margin:0 0 50px 0;
width:200px;
float:right;
}

#sub_menu{
border-top:1px solid #ccc;
margin:0 0 5px 0;
}

#sub_menu li{
margin:0;
padding:0;
line-height:0;
}

#map{
margin:2px 0 20px 0;
}

#mb20{
margin-bottom:20px;
}

#mb15{
margin-bottom:15px;
}

#mb5{
margin-bottom:5px;
}

span.f30{
font-size:30px;
}

span.f16{
font-size:16px;
}
span.f12{
font-size:12px;
}

#navi{
clear:both;
width:120px;
padding:20px 0 50px 0;
margin:0 auto;
backgroud:#ffcc00;
}

#navi ul li{
float:left;
}

#slash{
margin:0 3px 0 0;
}


/**slide**/
#container {
	width:100%;
	height:514px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:484px;
	top:-3px;
	left:-80px;
}

#example {
	width:740px;
	height:484px;
	margin:0 auto;
	position:relative;
}


/*
	Pagination
*/

.pagination {
	display:none;
	margin:26px auto 0;
	width:100px;
}

/*.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}*/

/**index_box**/

#index_box_01{
float:left;
clear:both;
width:344px;
height:345px;
margin: 0 0 15px 0;
border-right:1px dotted #333;
}

#index_box_01 ul li{
float:left;
width:100px;

}

#index_box_01 ul li p{
margin:0;
padding:0;
width:100px;
line-height:140%;
}

#index_thum{
margin:0 15px 15px 0;
}

#index_last{
margin:0 10px 15px 0;
}

#index_box_02{
float:right;
width:330px;
}

#index_box_02 ul li{
float:left;
width:100px;
}

#index_box_02 ul li p{
margin:0;
width:100px;
line-height:140%;
}

#index02_thum{
margin:0 0 15px 15px;
}

#index02_last{
margin:0 0 15px 0;
}

#index_box_03{
margin: 0 0 30px 0;
float:left;
clear:both;
width:344px;
height:330px;
border-right:1px dotted #333;
}

#index_box_03 ul li{
font-size:10px;
float:left;
width:113px;
margin:0 0 10px 0;
}

#index_box_03 ul li img{
float:left;
margin:0 5px 0 0;
}

#index_box_03 ul li p{
margin:10px 0 0 0;
line-height:140%;
}

#last03{
width:150px;
}

#index_box_04{
font-size:10px;
float:right;
width:335px;
}

#index_box_04 ul li{
float:left;
width:111px;
margin:0 0 10px 0;
}

#index_box_04 ul li img{
float:left;
margin:0 5px 0 0;
}

#index_box_04 ul li p{
line-height:140%;
margin:10px 0 0 0;
}

#border{
clear:both;
background:url("line.gif")repeat-x;
margin:15px 0;
}

#index_info{
clear:both;
}

#index_info ul li{
border-bottom:1px dotted #666;
padding:12px 0;
}

#index_info ul li a{
padding:0 0 0 12px;
}

#index_foot_bnr{
width:480px;
margin:50px auto;
}

#index_foot_bnr ul li{
float:left;
margin:0 25px 0 0;
}

/**shop_detail**/

#s_title{
margin:20px 0 16px 0;
overflow:hidden;
}

#s_icon{
}

#s_name{
font-size:20px;
margin-top:5px;
float:left;
vertical-align:middle;
line-height:140%;
height:50px;
}

span.s_name{
font-size:15px;
vertical-align: middle;
padding:0 0 0 0px;
}

#s_contact{
padding:15px 0 0 0;
float:right;
}

#s_info{
margin:0 0 30px 0;
overflow:hidden;
}

#s_info img{
float:left;
margin:0 10px 0 0;
}

#s_icon_btn{
margin: 0 0 30px 0;
overflow:hidden;
border:1px solid #ccc;
padding:10px 10px 0 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#s_icon_btn ul li{
float:left;
}

#s_icon_btn ul li img{
padding:0 5px 0 0;
}

#s_icon_btn ul li p{
margin:0;
font-size:8pt;
line-height:1.2;
}

#s_icon01{
width:100px;
margin:0 0 10px 0;
}

#s_icon01 p{
padding:8px 0 0 0;
}

#s_icon02{
width:125px;
margin:0 0 10px 0;
}

#s_icon03{
width:145px;
margin:0 0 10px 0;
}

#s_icon04{
width:145px;
margin:0 0 10px 0;
}

#s_icon05{
width:155px;
margin:0 0 10px 0;
}


#s_icon06{
width:105px;
margin:0 0 10px 0;
}

#s_icon06 p{
padding:8px 0 0 0;
}

#s_icon07{
width:125px;
margin:0 0 10px 0;
}

#s_icon08{
width:100px;
margin:0 0 10px 0;
}

#s_icon09{
width:145px;
margin:0 0 10px 0;
}

#s_icon10{
width:110px;
}

#s_icon11{
width:100px;
}

table{
margin:0;
padding:0;
}

#s_icon_table{
margin: 0 0 10px 0;
}

#s_icon_btn td{
line-height:1.2;
min-width: 70px;
padding-right: 15px;
}
.staffTopTitle {
font-size:9pt;
}
.staffDLDetail {
line-height:160%;
}
.otherlink{
position: relative;
top: 0;
right: 0;
background: url("s_arrow.gif") no-repeat right 7px;
padding: 6px 15px 0 0;
z-index: 3;
float: right;
}

.otherlink a{
color:#ed6d00;
text-decoration:none;
}

* html  #otherlink{
position: relative;
top: -30px;
right: 0;
background: url("s_arrow.gif") no-repeat 115px 7px;
padding: 6px 25px 0 0;
z-index: 3;
float: right;
}

* html  #otherlink a{
color:#ed6d00;
text-decoration:none;
}

*:first-child+html  #otherlink{
position: relative;
top: -30px;
right: 0;
background: url("s_arrow.gif") no-repeat 115px 7px;
padding: 4px 25px 0 0;
z-index: 3;
float: right;
}

*:first-child+html  #otherlink a{
color:#ed6d00;
text-decoration:none;
}

#sd{
width:100%;
overflow: hidden;
margin:0 0 30px 0;
}

#sd ul li{
width:344px;
float:left;
margin: 0 0 15px 0;
}

#sd dd{
margin:0 10px 0 0;
float:left;
}

#sd_access{
overflow:hidden;
width:100%;
}

#sd_access ul li{
} 

#sd_map{
width:420px;
height:355px;
margin:0 15px 0 0;
float:left;
}

#sd_contact{
margin:10px 0 0 0;
}

#sd p { clear:both; padding-top:3px; line-height:160%; }
#sd .staff {
border-bottom:#333 1px dotted;
}

#qr {
15px 0 0 0;
}

#qr dd{
margin:0 15px 0 0;
float:left;
}

#qr dt{
padding:15px;
}

span.f20{
font-size:20px;
}

#shoplist{
margin: 0 0 30px 0;
overflow:hidden;
border:1px solid #ccc;
padding:10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#s_icon_table{
margin: 0 0 10px 0;
}

#shoplist td{
line-height:1.2;
min-width: 70px;
padding-right: 15px;
}

#con_pro{
float:right;
width:344px;
}

#sp_post{
clear:both;
border:1px solid #ccc;
overflow:hidden;
padding:10px 10p 10px 0;
margin:0 0 10px 0;
}

#con_pro2 ul{

}

#con_pro ul li{
float:left;
margin:0 5px 0 0;
}

#sp_shop{
background:#f3f3f3;
padding:10px;
}

#sp_access{
padding:10px;
border-bottom:1px dotted #ccc;
}

#sp_{
padding:10px 0 6px 10px;
overflow:hidden;
}

#con_con{
float:left;
width:344px;
}

#con_con2{
clear:both;
border:1px solid #ccc;
overflow:hidden;
padding:10px 10p 10px 0;
}

#con_pro2 ul{
}

#con_con ul li{
float:left;
margin:0 5px 0 0;
}

#sp_shop{
background:#f3f3f3;
padding:10px;
}

#sp_access{
padding:10px;
border-bottom:1px dotted #ccc;
}

#sp_{
padding:10px 0 6px 10px;
overflow:hidden;
}

/**searcharea**/

#area{
width:100%;
}

#areabox{
width:220px;
height:130px;
float:left;
margin: 0 30px 30px 0;
}

#areabox ul li{
float:left;
width:100px;
margin:0 0 3px 0;
}

#areabox_last{
width:220px;
margin: 0 0 30px 0;
float:left;
}

#areabox_last ul li{
float:left;
width:100px;
margin:0 0 3px 0;
}


/**contents**/

#search_area{
position:relative;
overflow:hidden;
border:1px solid #ccc;
padding:15px 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#searchbox_o{
text-align: center;
width:200px;
float:left;
}

#searchbox_o ul li{
margin:0 0 20px 0;
}

select{
width: 170px;
}

#fullreform{
border-bottom:1px dotted #666;
width: 250px;
padding:0 0 5px 0;
}

#case01{
font-size:12px;
}

#case01 ul{
margin:10px 0 0 0;
float:left;
}

 #c_01a{
width:110px;
}

#case02{
font-size:12px;
}

#case02 ul{
margin:0;
float:left;
}

 #c_02a{
width:130px;
}

#searchbox{
width:259px;
float:left;
}

#case_btn{
margin:15px  auto 50px 0;
text-align:center;
}

#case{
line-height: 1.6;
clear:both;
border:1px solid #ccc;
padding:15px;
overflow:hidden;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size:11px;
}


#case a img{
float:left;
margin:0 20px 0 0;
display:inline;
}

#case a{
color:#4699a3;
}

#case a:hover,
#case a:active {
	color: #ed6d00;
}

#c_name{
}

#c_title{
font-size:16px;
}

#c_tag{
margin:5px 0 5px 0;
clear:both;
}

#c_tag ul li{
float:left;
margin:0 5px 5px 0;
}

#c_tag ul li img{
vertical-align:bottom
}
#d_title{
clear:both;
padding:10px;
margin:0 0 10px 0;
background:#f3f3f3;
border:1px solid #ccc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
text-align:left;
}

span.day{
padding: 0 10px 0 0;
}

span.title{
font-size:18px;
}

#case_d ul{
margin:10px 0 0 0;
}

#case_d ul li{
margin:0 5px 0 0;
float:left;
}

#b_a {
clear:left;
width:682px;
padding-top:10px;
margin:30px auto;
}

#b_a ul li{
float:left;
}

.b_a{
font-weight:700;
}

#b_a_{
margin:0 19px 0 0;
}

#d_comment{
clear:left;
}

#pic{
border:1px solid #ccc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding:15px;
}

#pic p{
line-height:160%;
margin:0;
padding-top:5px;
}

span.f15{
font-size:15px;
}

span.job{
padding:0 5px;
font-size:10px;
}

#d_comment2{
margin:20px 0;
}

#d_comment3{
overflow:hidden;
clear:both;
margin:0 0 20px 0;
}

#d_comment3 a {
float:left;
/*width:300px;*/
/*height:180px;*/
display:block;
text-align:center;
/*border:#ccc 1px solid;*/
margin-right:10px;
}
#d_comment3 a img{
margin:0;
display:inline;
}
#d_comment3 p {
line-height:160%; }
#blog_staff #name{
font-size:14px;
}
.staffUnit {
}
.staffLeft{ width:120px; float:left; }
.staffLeft div {
 paddin-top:5px;
 line-height:160%;
}
.staffRight{ width:550px; float:right; }
.staffName { font-size:14pt; font-weight:bold; }

.staffRight table { border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; width:100%; }
.staffRight table th {
	width:20%;
	text-align:left;
	background-color:#f3f3f3;
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid; padding:7px;
	font-weight:normal;
}
.staffRight table td {
	width:80%;
	border-top:#ccc 1px solid; padding:7px;
}

#blog_detail{
padding:15px;
background:#fafafa;
border:1px solid #ccc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#blog_detail div{
padding:0 0 10px 0;
}

#blog_detail dt{
width:60px;
float:left;
text-align:right;
}

#blog_detail #name{
font-size:14px;
}

#blog_detail dd{
padding: 0 0 0 200px;
}

#blog_staff{
clear:both;
width:100%;
border-bottom:1px dotted #ccc;
margin:0 0 15px 0;
padding:0 0 15px 0;
}

#blog_staff_last{
clear:both;
width:100%;

}
#d_table{
width:100%;
border:1px solid #ccc;
border-collapse : collapse ;
}

#d_table2{
width:100%;
border:1px solid #ccc;
border-collapse : collapse ;
margin:20px 0 0 0;
}

#d_comment3 tr th{
text-align:left;
padding:8px;
font-weight:normal;
background:#f3f3f3;
border-bottom:1px solid #ccc;
width:160px;
}

#d_comment3 tr td{
font-weight:normal;
border-bottom:1px solid #ccc;
padding:8px;
}
#greetleft{
float:left;
margin:0 15px 0 0;
}

#greetname{
font-size:13px;
padding:10px 0 0 0;
}
#greetname span{
font-size:14px;
font-weight:bold;
}
/**header**/

.header{
height:119px;
/*background:url("head_bg.png") repeat-x;*/
z-index:100;
	position: relative;
}

#header{
padding:25px 0 0 0;
width:950px;
margin:0 auto;
position:relative;
}

#logo{
padding:5px 0 0 0;
}

#head_left{
width:560px;
flaot:left;
}

#head_left ul li{
float:left;
margin:0 20px 0 0;
}

#head_right{
float:right;
width:360px;
position:absolute;
top:25px;
right:0;
}

#head_right ul li{
float: right;
}

#r_01{
margin:0 10px 0 3px;
}

#smenu {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#smenu a {
font-size:14px;
font-weight:600;
color:#333;
display:block;
padding:20px 0 20px 10px;
background:url(menu_arrow.gif) no-repeat 180px 15px;
text-decoration:none;
outline:none;
}

#smenu a:hover {
color:#ed6d00;
background:url(menu_arrow.gif) no-repeat 180px 15px;
background-color:#f3f3f3;
}

#gmenu{
clear:both;
width:950px;
margin:0 auto;
padding: 16px 0 0 0;
}

#gmenu ul li{
float:left;
margin:0;
}

#menu_01 a {
display:block;
width:237px;
height:35px;
background:url(menu_01.png) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#menu_01 a:hover {
background-position:left bottom;
}

#menu_02 a {
display:block;
width:237px;
height:35px;
background:url(menu_02.png) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#menu_02 a:hover {
background-position:left bottom;
}

#menu_03 a {
display:block;
width:237px;
height:35px;
background:url(menu_03.png) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#menu_03 a:hover {
background-position:left bottom;
}

#menu_04 a {
display:block;
width:239px;
height:35px;
background:url(menu_04.png) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#menu_04 a:hover {
background-position:left bottom;
}


#searchform{
width: 130px;
background: url(search_bg.png) left top no-repeat;
height: 20px;
position: relative;
}

#searchbtn{
position: absolute;
top:2px;
left: 2px;
}

#keywords {
height:12px;
width: 110px;
position: absolute;
top: 2px;
left: 14px;
border: 1px solid white;
}


/**footer**/
#gotop{
clear:both;
margin:0 0 15px 0;
float:right;
}

.footer{
clear:both;
/*position:absolute;*/
bottom:0;
padding:24px 0 0 0;
width:100%;
background:url("foot_bg.png") repeat-x;
height:182px;
}

#footer{
clear:both;
width:950px;
margin:0 auto;
}

.reqired{
width:672px;
height:13px;
background:url("reqired.gif") no-repeat;
}

.notice{
width:672px;
height:55px;
background:url("notice.gif") no-repeat;
}

#f_01 #f_p{
float:left;
}

#f_01 #f_c{
float:right;
}

#f_02{
clear:both;
padding:35px 0 20px 0;
}

#f_02 li{
float:left;
margin:0 14px 0 0;
}

#f_logo{
float:right;
}

#balloon{
width: 282px;
height:154px;
background:url(balloon.gif) bottom left no-repeat;
padding:0;
margin:0;
z-index:1;
}

#balloon p{
padding:10px;
}

canvas{
display:none;
}

/* entry */
#entryBody {
line-height:170%;
margin :5px 0 0 0;
min-height:500px;
}
/**blog**/
#blog{
margin: 0 0 20px 0;
}


*{ line-height:1.5em; }

#sub_menu li { line-height:0 }
#sub_menu li a { line-height:0 }