@charset "UTF-8";


/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif , Arial;
	margin: 0;
	padding: 0;
}

html, body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, Arial;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, Arial;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	list-style-type: none;
	list-style-position: outside;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif , Arial;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, dfn, code, samp, kbd, var, cite, abbr, acronym, sub, sup, q, br, ins, del, a, img, object, iframe, fieldset {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif , Arial;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
	outline:0;
}

a{
	color:#DFC7B5;
	outline:0;
}
a:hover{
	outline:0;
	color: #FFFFFF;
}


.clear{
	font-size:0;
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
	float: none;
	display: inline;
}


*:first-child+html .clear{/*IE7 HACK*/
	display: block;
}

strong{
	font-weight:bold;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*body*/

body {
	font-size:12px;
	color:#E2D0C8;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image: url(../../img/second/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

h1 {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

h1 a{
	margin: 0px auto;
	width: 1000px;
	display: block;
	text-indent: -9999px;
	padding: 0px;
	height: 122px;
}


/*container*/

div#container {
	width:100%;
	height:100%;
	overflow:visible;
	margin: 0px auto;
	padding: 0px;
}

div#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#container {
    height: 1em;
    overflow: visible;
}

/*wrapper*/

div#wrapper {
	width:964px;
	overflow:visible;
	margin: 0px auto;
	padding: 0px;
	background-repeat: no-repeat;
	clear: both;
	background-position: center top;
}

div#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper {
    height: 1em;
    overflow: visible;
}

div#footer {
	text-align: center;
	clear: both;
	background-image: url(../../img/common/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 26px 0px 0px;
	height: 60px;
}

div#footer ul li {
	display: inline;
}

/*--------------------------------------------------------------------
index
index.html
--------------------------------------------------------------------*/



div#wrapper #index {
	padding-top: 20px;
}

div#wrapper #index ul#banner {
	margin: 0px auto;
}

div#wrapper #index ul#banner li {
	margin-right: 6px;
	display: inline;
}

div#wrapper #index #news {
	float: left;
	width: 580px;
	background-image: url(../../img/index/headline01.jpg);
	margin-top: 20px;
	padding: 40px 0px 0px 5px;
	background-repeat: no-repeat;
	background-position: left top;
}

div#wrapper #index #news ul {
}

div#wrapper #index #news ul li {
	color: #6C6C6C;
	background-image: url(../../img/common/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding: 0px 0px 5px 10px;
}

div#wrapper #index #news ul li .date{
	color: #3B3B3D;
}


div#wrapper #index #release {
	float: left;
	background-image: url(../../img/index/headline02.jpg);
	margin-top: 20px;
	padding: 40px 0px 0px 5px;
	background-repeat: no-repeat;
	background-position: left top;
}

div#wrapper #index #release ul {
}

div#wrapper #index #release ul li {
	display: inline;
}

/*--------------------------------------------------------------------
下層共通
--------------------------------------------------------------------*/


div#header {
	margin: 0 auto;
	padding-right: 30px;
	width: 860px;
	height: 43px;
}

div#header ul {
	float: right;
	width: 860px;
}

div#header ul li {
	float: left;
	font-size: 0px;
	line-height: 0px;
}


div#title {
	margin: 0px auto;
	width: 964px;
	padding: 0px;
	clear: both;
}


div#wrapper ul#smenu {
	float: left;
	width: 200px;
	height: 43px;
}
div#wrapper ul#smenu li {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

div#wrapper #main {
	float: right;
	padding-right: 33px;
}

div#wrapper #main .box {
	background-repeat: repeat-y;
	background-position: center;
	width: 721px;
	clear:both;
	padding: 0;
	background-image: url(../../img/second/text_body.jpg);
	margin: 0px 0px 15px;
	/*height:148px;*/
}

div#wrpper #main .box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main .box {
    height: 1em;
    overflow: visible;
}

div#wrapper #main .box .box-h {
	background-image: url(../../img/second/text_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 7px;
	margin: 0px;
}

div#wrapper #main .box-h:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main .box-h {
    height: 1em;
    overflow: visible;
}

div#wrapper #main .box .box-b {
	background-image: url(../../img/second/text_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 9px;
	margin: 0;
}

html>/**/body div#wrapper #main .box .box-b {
	margin: 0 0 -1px;
}

div#wrapper #main .box-b:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main .box-b {
    height: 1em;
    overflow: visible;
}

div#wrapper #main .box-title {
	background-image: url(../../img/second/title_body.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 707px;
	margin: 0px auto;
}

div#wrapper #main .title-h {
	background-image: url(../../img/second/title_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

div#wrapper #main .title-b {
	background-image: url(../../img/second/title_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#wrapper #main .title-text {
	padding: 13px;
	color: #DFC7B5;
	font-size: 12px;
}

div#wrapper #main .title-text:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main .title-text {
    height: 1em;
    overflow: visible;
}

div#wrapper #main .title-text h3 {
	color: #CC6666;
	display: inline;
	margin-right: 20px;
	font-size: 14px;
}

div#wrapper #main .box-text {
	padding: 13px 25px;
	clear: both;
}

div#wrapper #main .box-text:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main .box-text {
    height: 1em;
    overflow: visible;
}

div#wrapper #main .box-text img {
	margin: 0 10px 15px 0;
}

div#wrapper #main .box-text p {
	margin-bottom: 15px;
}


div#wrapper #main .box-text dl {
	margin: 15px 0px 0 0;
	padding: 0px;
}




/*--------------------------------------------------------------------
LINK
link.html
--------------------------------------------------------------------*/

div#wrapper #main #link .box-text dl dt {
	float: left;
	font-size: 14px;
	clear: both;
	margin: 0px 20px 5px 0px;
	background-image: url(../../img/common/arrow2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
div#wrapper #main #link .box-text dl dd {
	padding-top: 3px;
	margin: 0px 0px 20px;
}
div#wrapper #main #link .box-text dl dd a {
	color: #918278;
	text-decoration: none;
}





/*--------------------------------------------------------------------
DATA
data.html
--------------------------------------------------------------------*/

div#wrapper ul#smenu li.data-menu {
	float: left;
	width: 75px;
}
div#wrapper #main #data .box-text img {
	float: left;
	margin-right: 20px;
}
div#wrapper #main #data .box-text a {
	color: #E2D0C8;
	text-decoration: none;
}

div#wrapper #main #data .box-text {
}



div#detail .box {
	background-image: url(../../img/second/text_body.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 721px;
	margin-bottom: 15px;
	clear:both;
}

div#detail .box .box-h {
	background-image: url(../../img/second/text_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 7px;
}

div#detail .box .box-b {
	background-image: url(../../img/second/text_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 13px 9px;
}

div#detail .box-title {
	background-image: url(../../img/second/title_body.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 707px;
}

div#detail .title-h {
	background-image: url(../../img/second/title_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

div#detail .title-b {
	background-image: url(../../img/second/title_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#detail .title-text {
	padding: 13px;
	color: #DFC7B5;
	font-size: 14px;
}

div#detail .title-text:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#detail .title-text {
    height: 1em;
    overflow: visible;
}

div#detail .title-text p.midashi {
    display: block;
}

div#detail .title-text h3 {
	color: #CC6666;
	display: block;
	margin-right: 19px;
}

div#detail .box-text {
	padding: 13px 25px;
	color: #E2D0C8;
}

div#detail .box-text:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#detail .box-text {
    height: 1em;
    overflow: visible;
}

div#detail .box-text img {
	float: left;
	margin-right: 20px;
}

div#detail .box-text p {
	margin-bottom: 15px;
}

div#detail .box-text dl {
	padding-left: 200px;
}

div#detail .box-text dl dt {
	font-size: 14px;
}

div#detail .box-text dl dd {
	margin-bottom: 10px;
	font-size: 10px;
	padding-left: 20px;
}



/*--------------------------------------------------------------------
COMMUNITY
--------------------------------------------------------------------*/


div#wrapper #main #community .box-b .diary-kageyama {
	background-image: url(../../img/com/icon01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 140px;
	margin: 9px;
}

div#wrapper #main #community .box-b .diary-endoh {
	background-image: url(../../img/com/icon02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 140px;
	margin: 9px;
}

div#wrapper #main #community .box-b .diary-kitadani {
	background-image: url(../../img/com/icon03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 140px;
	margin: 9px;
}

div#wrapper #main #community .box-b .diary-okui {
	background-image: url(../../img/com/icon04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 140px;
	margin: 9px;
}

div#wrapper #main #community .box-b .diary-fukuyama {
	background-image: url(../../img/com/icon05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 140px;
	margin: 9px;
}

div#wrapper #main #community .box-b .diary-staff {
	background-image: url(../../img/com/icon06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 140px;
	margin: 9px;
}

div#wrapper #main #community .box-title {
}

div#wrapper #main #community .box-text {
	padding: 0px 21px 9px;
	clear: both;
	min-height:150px;
}

* html div#wrapper #main #community .box-text {/*IE6 HACK*/
	height:150px;
}

div#wrapper #main #community .box-text p {
	margin: 0px 5px 5px;
}

div#wrapper #main #community .box-text p img {
	background-color: #060606;
	padding: 7px;
	border: 1px solid #1A1A1A;
	clear: both;
	margin: 0px 5px 5px;
}


div#wrapper #main #page,
div#wrapper #main #navi {
	text-align:center;
}
div.box-b ul.info {
	padding: 0 13px 0;
	clear: both;
	float: right;
}
div.box-b ul.info li {
	font-size: 10px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}
div.box-b ul.info li a{
	font-size: 10px;
}

/*--------------------------------------------------------------------
SHOP
--------------------------------------------------------------------*/


div#wrapper #main #shop {
	width: 730px;
}


/*--------------------------------------------------------------------
PROFILE
profile.html
--------------------------------------------------------------------*/


div#wrapper #main #prof {
	background-image: url(../../img/prof/img_b.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 18px;
	background-color: #161515;
}

div#wrapper #main #prof #box {
	background-image: url(../../img/prof/img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 721px;
	position: relative;
	padding-top: 280px;
	background-color: #161515;
}

div#wrapper #main #prof #box2 {
	background-image: url(../../img/prof/img2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 721px;
	position: relative;
	padding-top: 280px;
	background-color: #161515;
}

div#wrapper #main #prof #box h3,
div#wrapper #main #prof #box2 h3 {
	position: absolute;
	left: 26px;
	top: 18px;
	font-size: 14px;
}

div#wrapper #main #prof #box #text {
	padding: 0px 20px;
}


div#wrapper #main #prof #box2 #text {
	padding: 0px 20px;
	text-align: center;
}

div#wrapper #main #prof #box #text p,
div#wrapper #main #prof #box2 #text p {
	margin-bottom: 10px;
}



/*--------------------------------------------------------------------
MOBILE
mobile.html
--------------------------------------------------------------------*/

div#wrapper #main #mobile input#mail {
	width: 300px;
}


div#wrapper #main #mobile .s-box {
	background-image: url(../../img/mobile/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 234px;
	width: 363px;
	float: left;
}


div#wrapper #main #mobile .s-box h3 {
	padding: 28px 0px 0px 30px;
	font-size: 12px;
	margin-bottom: 30px;
}

div#wrapper #main #mobile .s-box p {
	padding-left: 26px;
}


div#wrapper ul#smenu li iframe#mob {
	height: 450px;
	width: 200px;
}



/*--------------------------------------------------------------------
MOVIE
movie.html
--------------------------------------------------------------------*/




div#wrapper #main #movie {
	width: 731px;
}

div#wrapper #main #movie:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main #movie {
    height: 1em;
    overflow: visible;
}

div#wrapper #main #movie .box {
	background-repeat: repeat-y;
	background-position: center;
	width: 342px;
	padding: 0;
	background-image: url(../../img/movie/text_body.jpg);
	margin: 0 15px 15px 0;
	float: left;
	clear: right;
}

div#wrapper #main #movie .box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main #movie .box {
    height: 1em;
    overflow: visible;
}

div#wrapper #main #movie .box .box-h {
	background-image: url(../../img/movie/text_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 7px;
	margin: 0px;
}

div#wrapper #main #movie .box-h:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main #movie .box-h {
    height: 1em;
    overflow: visible;
}

div#wrapper #main #movie .box .box-b {
	background-image: url(../../img/movie/text_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 9px;
	margin: 0;
}

html>/**/body div#wrapper #main #movie .box .box-b {
	margin: 0 0 -2px;
}

div#wrapper #main #movie .box-b:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main #movie .box-b {
    height: 1em;
    overflow: visible;
}

div#wrapper #main #movie .box-title {
	background-image: url(../../img/movie/title_body.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 323px;
	margin: 0px auto;
}

div#wrapper #main #movie .title-h {
	background-image: url(../../img/mobie/title_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

div#wrapper #main #movie .title-b {
	background-image: url(../../img/movie/title_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#wrapper #main #movie .title-text {
	padding: 13px;
	color: #DFC7B5;
	font-size: 12px;
	text-align: center;
}

div#wrapper #main #movie .title-text:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main #movie .title-text {
    height: 1em;
    overflow: visible;
}

div#wrapper #main #movie .title-text h3 {
	color: #CC6666;
	display: inline;
	margin-right: 20px;
	font-size: 14px;
}

div#wrapper #main #movie .box-text {
	padding: 13px 25px;
	clear: both;
}

div#wrapper #main #movie .box-text:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html div#wrapper #main #movie .box-text {
    height: 1em;
    overflow: visible;
}

div#wrapper #main #movie .box-text p {
	background-color: #000000;
	width: 294px;
	min-height:220px；
	text-align: center;
	font-size: 10px;
	margin: 0px;
}