/*-----------------------------------------------------
copyright 2012 Jose Franky
-----------------------------------------------------*/

/* Common Elements */

*	{ margin:0; padding:0; list-style:none; }
html	{ /*	height:100%; min-height:100%;	*/}
body	{ margin:0; padding:0;
	/* font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, sans-serif;*/
	font-size:12px; line-height:20px; color:#333; text-align:center;
	/* height:100%; min-height:100%;*/
}

img { border:0; }

/* a */
a	{ text-decoration:none; font-size:14px; }
a:link	{ text-decoration:none; }
a:hover { text-decoration:underline; color:#3563ce; }
a:visited	{ }
a:active 	{ }
a:hover img 	{ }

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }

/* others */
hr	{ display:none; }
ul,
ol,
li	{ list-style:none; margin:0; padding:0; text-align:justify; text-justify:inter-ideograph; }
dl,
dt,
dd	{ margin:0; padding:0; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
strong,
em	{ font-weight:normal; font-style:normal; }


p	{ font-size:14px; line-height:20px; text-align:justify; text-justify:inter-ideograph; }
.p_2	{ font-size:12px; line-height:18px; }
.notice	{ font-size:10px; line-height:16px; }

.acc_1	{ /* Accesent1 */ color:#21b9c2; }
.acc_2	{ /* Accesent2 */ color:#F93; }
.notes	{ color:#ff4010; }
.splt	{ /* supplement */ color:#ff4010; }

.cf:after		{ content: " "; display: block; clear: both; height: 0; visibility: hidden; }
.cf		{ min-height: 1px; /*font-size:0.1em;*/ }
* html .cf	{
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
*	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }


/*------------------------- Common Selectors -------------------------*/


/*-------------- Frame --------------*/
* html #frame	{ height:100%; }
#frame		{ width:1000px; margin:0 auto; text-align:left; min-height: 100%; padding:0; background:url(../img/sign_top.gif) right bottom no-repeat; } /*position:relative;*/
body > #frame	{ height: auto; background:url(../img/sign_top.gif) right bottom no-repeat; }

/*-------------- Copyright --------------*/
footer		{ margin:30px auto 0 auto; }
footer #sns ul	{ width:200px; margin:0 auto; }

footer #sns ul li		{ margin:0 10px 0 0; float:left; }
footer #sns ul li a		{ color:#d5ceb5; display:block; width:30px; height:30px; }
footer #sns ul li a:hover	{ color:#7c6516; }

footer #copyright	{ margin:10px 0 0 0; padding:0; width:940px; height:30px; color:#7c6516; font-size:10px; text-align:right; font-family: 'Gafata', sans-serif; border:1px solid #000; }
footer #copyright_top	{ padding:0 60px 0 0; color:#7c6516; font-size:10px; text-align:right; font-family: 'Gafata', sans-serif; }

/*-------------- Header --------------*/
header 			{ margin:30px 0 0 0; width:1000px; height:70px; background:url(../img/header_bg.gif) left 8px repeat-x; }

header h1.logo a 	{ float:left; display:block; padding:28px 0 0 0px; width:180px; height:0; margin: 0; background:url(../img/logo.png) 0 3px no-repeat; overflow:hidden; line-height:28px; }
header h1 a:hover 	{ opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; text-decoration:none; }


/*-------------- Menu --------------*/

header nav 	{ float:right; margin:0; width:390px; }
header nav ul  	{ margin: 8px 0 0 0; padding: 0; list-style: none; position: relative; text-decoration:none; color:#d5ceb5; }
header nav ul li  {
	float: left;
	margin: 0; padding: 0;
	font-family: 'Gafata', sans-serif;
	font-size:18px;
	font-weight:400;
	letter-spacing:1px;
}
header nav ul li a { color:#d5ceb5; }
header nav ul li.about a::after ,
header nav ul li.art a::after ,
header nav ul li.works span::after,
header nav ul li.news a::after {
	content: "/";
	color:#d5ceb5;
	margin:0 5px;
}

header nav ul li:first-child 	{ margin-left: 0; }
header nav ul li ul 		{ display: none; }

header nav ul li.about a 	{ width:60px; }
header nav ul li.about a:hover ,
header nav ul li.about a.on 	{ color:#7c6516; text-decoration:none; }

header nav ul li.art a		{ width:88px; }
header nav ul li.art a:hover ,
header nav ul li.art a.on 	{ color:#7c6516; text-decoration:none; }

header nav ul li.works 		{ width:110px; font-size:14px; }
header nav ul li.off 		{ color:#000; text-decoration:none; }
header nav ul li.works:hover 	{ color:#7c6516; text-decoration:none; cursor: pointer; }

header nav ul li.news a 	{ width:54px; color:#d5ceb5; }
header nav ul li.news a:hover ,
header nav ul li.news a.on	{ color:#7c6516; text-decoration:none; }

header nav ul li.contact a	{ width:60px; color:#d5ceb5; background:none; }
header nav ul li.contact a:hover ,
header nav ul li.contact a.on	{ color:#7c6516; text-decoration:none; }

header nav ul li ul#books {
	position: absolute;
	display:none;
	padding:0;
	width:350px;
	left: 110px;
	top:27px;
	font-family: 'Gafata', sans-serif;
	font-size:18px;
	font-weight:400;
	letter-spacing:0.5px;
	letter-spacing:0.5px\9; /* IE用フォント字間調整用 */
}

header nav ul li ul li a.book::after {
	content: "/";
	color:#d5ceb5;
	margin:0 5px;
	text-decoration:none;
}

header nav ul li ul#books li a.book	{ color:#d5ceb5; }
header nav ul li ul#books li a.ad 	{ color:#d5ceb5; }

header nav ul li ul#books li.on a.book  { color:#7c6516; }
header nav ul li ul#books li.on a.ad 	{ color:#7c6516; }

header nav ul li.on a ,
header nav ul li ul li.on a 		{ color:#7c6516; }


/*-------------- Structures --------------*/
#main_top 	{ margin:110px 0 0 20px; width:910px; height:600px; }
#main_top img 	{ margin:0 auto; padding:0 10px 10px 0; width:910px; }

#main 		{ padding:0 0 0 15px; margin:40px 0 0 0; width:910px; height:650px; }
#main_about 	{ margin:40px 0 0 0; width:910px; height:670px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","MS Mincho",serif; }

#main_about h3.about_name 		{ margin-bottom:20px; padding:15px 0 0 0; height:0; overflow:hidden; display:block; background:url(../img/about_name.png) 0 0 no-repeat; }
#main_about h3.about_name .small	{ font-family: 'Gafata', sans-serif; font-size:14px; }
#main_about ul 			{ font-size:11px; line-height:160%; color:#7c6517; margin:0 0 15px 0; }
#main_about p.eng 		{ font-size:11px; line-height:150%; width:450px; color:#a7a8aa; font-family: 'Gafata', sans-serif; margin:0 0 35px 0; }
#main_about h3.about_award 	{ margin-bottom:20px; padding:15px 0 0 0; height:0; overflow:hidden; display:block; background:url(../img/about_award.png) 0 0 no-repeat; }

#main_about dl.award 		{ width:450px; height:60px; font-size:11px; line-height:155%; padding:0; margin:0 0 10px 0; color:#7c6516; }
#main_about dl.award dt 	{ float:left; width:60px; color:#7c6516; }
#main_about dl.award dd 	{ padding: 0 0 0 60px; }

#main_about dl.engaward 	{ width:450px; height:70px; font-size:11px; line-height:155%; padding:10px 0 0 0; margin:0 0 10px 0; font-family: 'Gafata', sans-serif; color:#a7a8aa; }
#main_about dl.engaward dt 	{ float:left; width:60px; }
#main_about dl.engaward dd 	{ padding: 0 0 0 60px; }

.float_l { float: left;	}
.float_r { float: right; }

.w100 { width:100px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }
.w600 { width:600px; }

.browntxt { color:#7c6517; }


/*==================================
	MOBILE
==================================*/
/* SPHONE */

@media only screen and ( max-width: 768px ) {

/*-------------- Frame --------------*/
#frame		{ width:96%; margin:0 auto; }

#frame		{ padding-bottom:15px; background:url(../img/sign.gif) right bottom no-repeat;background-size:27px 75px ; } /*position:relative;*/
body > #frame	{ height: auto; background:url(../img/sign.gif) right bottom no-repeat;background-size:27px 75px ; }

/*-------------- Copyright --------------*/
footer { margin:0 auto; }

footer { margin:30px auto 0 auto; }
footer #sns ul { margin:0 auto; width:200px; }

footer #sns ul li { margin:0 10px 0 0; float:left; }

footer #sns ul li a { color:#d5ceb5; display:block; width:30px; height:30px; }
footer #sns ul li a:hover { color:#7c6516; }

footer #copyright	{ margin:10px 0 0 0; padding:0; width:100%; height:30px; color:#7c6516; font-size:10px; text-align:center; font-family: 'Gafata', sans-serif; border:1px solid #000; }
footer #copyright_top	{ padding:0 0 0 0;  width:100%; color:#7c6516; font-size:10px; text-align:center; font-family: 'Gafata', sans-serif; }

/*-------------- Header --------------*/
header		{ margin-top:0 !important; width:100%; height:70px; background:url(../img/header_bg.gif) left 8px repeat-x; position:relative;  }
header h1.logo a { position:absolute; top:8px; left:0; width:180px; padding:10px 0 0 0; height:25px;display:block; background:url(../img/logo.png) 0 3px no-repeat; z-index:1999999;overflow: hidden; text-indent: 100%; white-space: nowrap;  }


/*-------------- Structures --------------*/
#main_top 	{ margin:0 0 0 0; width:100%; height:auto; }
#main_top img 	{ margin:0 auto; padding:0; width:100%; }

#main { padding:0 0 0 0; margin:10px 0 0 0; width:100%; height:auto; }
#main #gallery{ width:100%; }
#main_about { margin:0 0 0 0; width:100%; height:auto; }
#main_about h3.about_name { margin-bottom:20px; 
	padding:15px 0 0 0; height:0; overflow:hidden; display:block; background:url(../img/about_name.png) 0 0 no-repeat; }
#main_about h3.about_name .small { font-family: 'Gafata', sans-serif; font-size:14px; }

#main_about ul { width:100%; font-size:11px; line-height:160%; color:#7c6517; margin:0 0 15px 0; }
#main_about p.eng { font-size:11px; line-height:150%; width:100%; color:#a7a8aa; font-family: 'Gafata', sans-serif; margin:0 0 35px 0; }
#main_about h3.about_award { margin-bottom:20px; padding:15px 0 0 0; height:0; overflow:hidden; display:block; background:url(../img/about_award.png) 0 0 no-repeat; }
#main_about dl.award { width:100%; height:60px; font-size:11px; line-height:155%; padding:0; margin:0 0 10px 0; color:#7c6516; }
#main_about dl.award dt { float:left; width:60px; color:#7c6516; }
#main_about dl.award dd { padding: 0 0 0 60px; }
#main_about dl.engaward { width:100%; height:70px; font-size:11px; line-height:155%; padding:10px 0 0 0; margin:0 0 10px 0; font-family: 'Gafata', sans-serif; color:#a7a8aa; }
#main_about dl.engaward dt { float:left; width:60px; }
#main_about dl.engaward dd { padding: 0 0 0 60px; }

.float_l { float: none; }
.float_r { float: none; }

.w100 { width:95%; }
.w200 { width:95%; } .w250 { width:95%; }
.w300 { width:95%; }
.w400 { width:95%; }
.w500 { width:95%; }
.w600 { width:95%; }

.browntxt { color:#7c6517; }



}