/*
Theme Name: wiz-vividmore
Theme URI: 
Description: vividmoreIWie[}
*/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 13px;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

html{background: url(images/bg_header.jpg) no-repeat top center;}

body{
    background-color: #FFF;
    font-family: 'font-family: "lr oSVbN", Osaka, "qMmpS Pro W3"';
	color: #4d4d4d;
	font-size: 92%;
	} 

a{ color: #545454; text-decoration: none; margin: 0; padding: 0;}
	a:hover{ color: #545454; text-decoration: underline;}

.clear{ clear: both; line-height: 0}

p{
color: #4d4d4d;
}

.pd_tp10{
padding-top: 10px !important;
}
.mg_tp10{
margin-top: 10px !important;
}
.mg_bt10{
margin-bottom: 10px !important;
}
.cap{
padding-left:1em;
text-indent:-1em;
}
.font10{
font-size: 10px;
}
.mg_bt15{
margin-bottom: 15px;
}
/* XC_[
------------------------------------------------------------------------------------*/
#slider_main {
	margin: 0 auto;
	width: 695px;
	height: 265px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin: 5px 5px 0 5px;
	/*background: url(images/common/kv/top_kv01.png) no-repeat;*/
}
#slider_main ul {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}
#slider_main ul li {
	width: 695px;
	height: 275px;
	float: left;
	display: inline;
	overflow: hidden;
}
#kv_back{
width: 705;
height: 275px;
background: url(images/common/kv/top_kvback.png) no-repeat;
float: left;
margin-bottom: 10px;
}



/* #slider_thumb
--------------------------- */
#slider_thumb {
	margin: 10px auto;
	width: 705px;
	height: 66px;
	text-align: center;
}
#slider_thumb ul {
	display: inline;
}
#slider_thumb ul li {
	cursor: pointer;
	display: inline;
}
#slider_thumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#slider_main ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slider_main ul {
	display: inline-block;
	overflow: hidden;
}



/* CLEARFIX
------------------------------------------------------------------------------------*/
.clearfix:after {
  content: url(pixel.gif);
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {display: inline-block;}
.clearfix {display: block;}

.clearfix {
  min-height: 1px;
  overflow: hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

	
/****************************************
		1.  Header
*****************************************/
#header_back{
width: 100%;
height: 106px;
background: url(images/common/header/header_back.png) repeat-x;
}
#header{
width: 950px;
height: 106px;
margin: 0 auto;
}
#header_left{
width: 395px;
float: left;
}
#heder_company{
width: 480px;
float: left;
margin: 0;
padding: 0;
}
#heder_company p{
font-size: 10px;
color: #a7e5ff;
}
#logo{
width: 219px;
height: 56px;
float: left;
margin: 6px 0 0 0;
}
#header_sub_ttl{
width: 219px;
height: 15px;
float: left;
margin-top: 2px;
}
#header_right{
width: 499px;
height: 106px;
float: right;
background: url(images/common/header/header_tel.png) no-repeat;
}
#header_contact{
width: 89px;
height: 37px;
margin: 61px 0 0 407px;
}

#pankuzu{
width: 100%;
height: 16px;
background-color: #f5f5f5;
border-bottom: 1px #e3e3e3 double; 
}
#pankuzu_list{
width: 950px;
height: 14px;
margin: 0 auto;
font-size: 10px;
}
#pankuzu_list p{
background: url(images/common/pankuzu/pankuzu_home.png) no-repeat left 3px;
padding:2px 0 0 18px;
height: 14px;
font-size: 10px !important;
}
#pankuzu_list a{
color: #545454;
font-size: 10px !important;
}

/****************************************
		KV
*****************************************/
#top_kv_back{
width: 100%;
height: 386px;
background: url(images/common/kv/top_kv_back.png) repeat-x;
margin-bottom: 15px;
float: left;
}
#top_kv_box{
width: 950px;
height: 350px;
margin: 15px auto;
}
.kv_main{
width: 705px;
height: 275px;
}
.kv_left{
width: 705px;
height: 275px;
float: left;
}
.kv_sum{
width: 705px;
height: 66px;
margin: 10px 0 0 0;
}
.kv_sum ul{
width: 705px;
height: 66px;
float: left;
}
.kv_sum ul li{
width: 169px;
height: 66px;
float: left;
margin-right: 9px;
}
#top_kv_back .kv_sum_last{
margin-right: 0;
}
.kv_right{
width: 230px;
height: 350px;
float: right;
background: url(images/common/side/top_contact_back.png) no-repeat;
}
.kv_right_btn01{
margin: 105px 0 0 15px;
}
.kv_right_btn02{
margin: 53px 0 0 15px;
}
.kv_right_btn03{
margin: 10px 0 0 15px;
}



/****************************************
		2.  gnavi
*****************************************/




/****************************************
		3. Comments
*****************************************/
#content{
width: 950px;
margin: 15px auto 0 auto;
}
#left_box p{
padding: 0 0 0 28px;
}


/****************************************
		4. LeftBOX
*****************************************/
#left_box{
width: 705px;
float: left;
}
h3{
width: 675px;
height: 35px;
font-size: 18px;
background: url(images/common/ttl/ttl_back01.png) no-repeat;
margin-bottom: 15px;
padding: 8px 0 0 30px;
}
.ttl_normal{
width: 675px;
height: 35px;
font-size: 18px;
background: url(images/common/ttl/ttl_back01.png) no-repeat;
margin-bottom: 15px;
padding: 8px 0 0 30px;
}
.ttl_box{
margin-bottom: 20px;
}
/******GAMAP******/
#map_btn_box{
width: 705px;
height: 44px;
}
#map_higashi{
width: 325px;
height: 44px;
margin-left: 19px;
float: left;
}
#map_nishi{
width: 325px;
height: 44px;
margin-left: 15px;
float: left;
}
#area_map{
width: 705px;
height: 397px;
background: url(images/top/map_back.png) no-repeat;
float: left;
margin-bottom: 10px;
}
#map_nishi_btn{
width: 120px;
height: 69px;
margin: 200px 0 0 70px;
}
#map_higashi_btn{
width: 120px;
height: 69px;
margin: 15px 0 0 230px;
}
#area_map_left{
width: 357px;
height: 397px;
float: left; 
}
#area_map_right{
width: 348px;
height: 397px;
float: right;
}


.map_list{
width: 338px;
height: 347px;
float: right;
margin-top: 30px;
font-size: 13px;
background: url(images/top/map_list_back.png) repeat-y;
}
.map_list ul{
border-top: 1px solid #9ABDF3;
}
.map_list dt{
width: 95px;
float: left;
font-weight: bold;
background-color: #d8eefe;
padding: 6px 0 0 5px;
border-top: 1px solid #9ABDF3;

}
.map_list dd{
width: 235px;
float: left;
}
.map_list dd ul{
padding: 8px 0 8px 10px;
width: 220px;
}
.map_list dd ul li{
float: left;
white-space: nowrap;
padding: 0 4px 4px 0;
margin: 0 4px 2px 0;
border-right: 1px solid #CCC;
line-height: 1.4;
}

.contact_banner{
margin-bottom: 20px;
}

/****************************************
		5. RightBOX
*****************************************/
#right_box{
width: 230px;
float: right;
}
#right_box h3{
width: 230px;
background: none;
margin: 0;
padding: 0;
float: left;
}
.right_banner{
width: 230px;
margin-bottom: 10px;
float: left;
}
.side_cp_box{
width: 230px;
height: 214px;
background: url(images/common/side/otoku_cp_back.png) no-repeat;
float: left;
}
.side_cp01{
width: 200px;
height: 61px;
margin: 10px 0 0 15px;
}
.side_cp02{
width: 200px;
height: 61px;
margin: 5px 0 0 15px;
}
#right_box .side_ttl_higashi{
width: 230px;
height: 44px;
float: left;
}
.side_cp_center{
width: 230px;
background: url(images/common/side/cp_center_back.png) repeat-y;
margin: 0;
padding: 0;
float: left;
}
.side_cp_center ul{
width: 218px;
float: left;
margin: 0 0 0 6px;
padding: 0;
}
.side_cp_center ul li{
width: 193px;
float: left;
margin: 0 0 0 6px;
padding: 10px 0 10px 15px;
background: url(images/common/icon/side_cp_icon.png) no-repeat left 14px;
border-bottom: 1px dashed #ccc;
}
.cide_cp_last{
width: 230px;
height: 11px;
margin: 0;
padding: 0;
float: left;
}
.cide_cp_last img{
width: 230px;
height: 11px;
margin: 0;
padding: 0;
float: left;
}

/****************************************
		9.  Footer
*****************************************/
#footer_back{
width: 100%;
margin: 50px 0 0 0;
background-color: #e6e6e6;
float: left;
}
#footer{
width: 950px;
margin: 20px auto 40px auto;
}
#footer a{
font-size: 11px !important;
}
#footer ul{
float: left;
}
#footer ul li{
background: url(images/common/footer/footer_icon.png) no-repeat left 3px;
padding: 0 0 6px 20px;
}
#footer_box01{
width: 138px;
margin-top: 5px;
float: left;
}
#footer_box02{
width: 257px;
float: left;
padding: 0 0 30px 15px;
}
#footer_box03{
width: 257px;
float: left;
padding-left: 15px;
}
#footer_box04{
width: 245px;
float: left;
padding: 0 0 30px 15px;
}
#footer_line{
width: 2px;
float: left;
}
#footer_ttl{
width: 175px;
height: 19px;
margin-bottom: 11px;
}

#copylight_back{
width: 100%;
height: 25px;
background-color: #d9d9d9;
float: left;
}
#copylight{
width: 250px;
margin: 0 auto;
padding-top: 7px;
}
#copylight p{
font-size: 10px;
}

.submit_button{
width: 110px;
margin: 0 auto;
}
#content .send_button{
margin-left: 20px;
}

#norikae_bana{
margin-top: 10px;
}
