@charset "UTF-8";

/* Reset
-------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}


/* Clearfix
-------------------------------------------------------------------------------*/
.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 */ 

body {
	width: 100%;
	margin-top: 25px;
	letter-spacing : 0.2em;
	line-height : 190%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: url(../images/yokoku1002/base.jpg) repeat center top;
}

/* ----------------------------
 * Common
 * ---------------------------- */
#wrapper, #header, #contents, #footer {
    width: 100%;
}
#header .inner, #contents .inner, #footer .inner {
    width: 900px;
    margin: 0 auto;
}

/* ----------------------------
 * wrapper
 * ---------------------------- */
#wrapper {
  	width: 900px;
	margin: 0 auto;
	background-color: #fff;
}

/* ----------------------------
 * header
 * ---------------------------- */
#header {
  position: relative;
  text-align: center;
}

#header img {
	margin: 0 auto;
	margin-top: 40px;
	padding-bottom: 40px;
}
 
/* ----------------------------
 * contens
 * ---------------------------- */
#contents {
	width: 600px;
}

#contents .inner img.mes{
	margin: 40px 0 70px 0;
}

#contents .inner #mainTxt {
    float: left;
    width: 400px;
    margin-left: 135px;
    line-height: 2.3em;
}

#contents .inner .mainContents {
	margin-top: 30px;
}

#contents .inner #mainImg {
    float: right;
    width: 200px;
    margin-right: 135px;
}

#contents .inner #mainImg img {
    float: right;
    margin-bottom:30px;
    width: 180px;
}

#contents .inner #mainImg img:first-child {
    margin-top: 11px;
}

#contents .inner #commingSoon {
	margin: 85px 0 100px 0;
}
 
/* ----------------------------
 * footer
 * ---------------------------- */
#footer {
	background: #333;
	min-width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#footer div.inner ul.opc {
    float: left;
    margin: 30px 0;
    padding: 0;
    position: relative;
    left: 50%;
    width: 100%;
}
#footer div.inner ul.opc li.opc_link {
	list-style: none outside none;
    float: left;
    margin: 0 58px;
    position: relative;
    left: -50%;
}

#footer div.inner ul.opc li.opc_link a {
	color: #fff;
    text-decoration: none;
}

#footer div.inner ul.opc li.opc_link a:hover {
    color: #595957;
}

#footer div.inner p.copyright {
	padding: 140px 0 40px 0;
	color: #fff;
	text-align: center;
}

/* ----------------------------
 * For SlideShow
 * ---------------------------- */
div.slideShow {
	margin: 30px 0;
}

#slideImg,
#slideBtn {
	width: 100%;
	text-align: center;
}

#slideImg {
	margin: 0 auto;
	overflow: hidden;
}

#slideBtn {
	padding:50px 0 30px 0;
	border:0;
	background:none;
}

#prevBtn,
#nextBtn {
	outline:none;
	padding: 0 15px;
}