@charset "UTF-8";

@import url(contents_menu.css);
@import url(contents_title.css);
@import url(contents_lead.css);
@import url(contents_works.css);
@import url(contents_shop.css);
@import url(contents_earlyworks.css);
@import url(contents_profile.css);

/*
12pt=16px=1.4em;
10pt=14px=1.2em;
9pt=12px=1em;
8pt=11px=0.9em;
7pt=10px=0.8em;
*/


/*BASIC
---------------------------------------------------------------------------------------*/

html{
	/*font-size: 62.5%;*/
	/*font-size: 75%;*/
	font-size: 10pt;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8;
	text-align: center;/* IE6以前用CSSハック*/
	margin: 0px;
	padding: 0px 0px 20px;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: hide;
}

td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8;
}

th {
	white-space: nowrap;
}

/* モダンブラウザ用clearfix
330+29+330=689
----------------------------------------------- */
div.clearfix:after {
	content: "";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}

/* IE7用clearfix
----------------------------------------------- */
div.clearfix {
	min-height: 1px;
	vertical-align: top;
	position: relative;
	width: 689px;
	margin: 0px;
	padding: 0px;
}

/* IE6以前用pclearfix
----------------------------------------------- */
* html div.clearfix {
	height: 1px;/* なおかつMac IE4,5用clearfix
----------------------------------------------- */
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

div.col_txt {
	padding-right:  49px;
	width:          478px;
	float:          left;
}

div.col_thum {
	width:          162px;
	float:          left;
}

div.col_txt2 {
	padding-right:  49px;
	width:          300px;
	float:          left;
}

div.col_thum2 {
	width:          340px;
	text-align: right;
	float:          left;
}

div.col2_l2 {
	padding-right:  29px;
	width:          340px;
	float:          left;
}

div.col2_r2 {
	width:          320px;
	float:          left;
}

div.col3_l {
	padding-right:  14px;
	width:          220px;
	float:          left;
}

div.col3_c {
	padding-right:  14px;
	width:          220px;
	float:          left;
}

div.col3_r {
	padding-right:  0px;
	width:          220px;
	float:          left;
}

div.col3_l2 {
	margin-right:  14px;
	width:          218px;
	float:          left;
	border: 1px dotted #CCC;
}

div.col3_c2 {
	margin-right:  14px;
	width:          218px;
	float:          left;
	border: 1px dotted #CCC;
}

div.col3_r2 {
	margin-right:  0px;
	width:          218px;
	float:          left;
	border: 1px dotted #CCC;
}

em {
	font-style: normal;
	font-weight: bold;
}

p + h3,
ul + h3 {
	margin-top: 40px;
}

dt {
	font-weight: bold;
}

.hide { display:none; }


/*LINK
---------------------------------------------------------------------------------------*/

a.popup {
	background-image: url(../img/icon_popup.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}

a.movie {
	background-image: url(../img/icon_movie.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}

p.order {
	display: block;
	width: 170px;
	height: 60px;
	background-image: url(../img/order.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 1px;
	text-indent: -9999px;
	margin-bottom: 50px;
}

p.order a {
	display:         block;
	height: 60px;
	text-decoration: none;
}

p.order a:hover {
	background-image:    url(../img/order.gif);
	background-repeat:   no-repeat;
	background-attachment: scroll;
	background-position: 0px -60px;
	text-decoration: none;
}


/*FOOTER
---------------------------------------------------------------------------------------*/

div#footer_top {
	clear: both;
	padding-bottom: 10px;
	padding-top: 40px;
	text-align: center;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}

div#footer {
	clear: both;
	padding-left: 10px;
	width: 709px;
	margin: 0px 30px;
	padding-top: 1px;
}

div#footer p.copyright,
div#footer_top p.copyright {
	/*font-size: 81.25%;*/
	font-size: 7pt;
	line-height: 1.5;
}

div#footer p.catchcopy,
div#footer_top p.catchcopy {
	/*font-size: 87.5%;*/
	font-size: 8pt;
	text-transform: uppercase;
	margin-top: 30px;
	line-height: 1.5;
	font-weight: bold;
}


/*CMS
------------------------------*/

div#news {
	font-size: 12px;
	line-height: 1.5;
	width: 100%;
	height: 100%;
	overflow: auto;
	margin: 0px auto;
	padding: 1px 0px;
	border: 1px solid #333;
}

div#news iframe {
	border: none;
	width: 100%;
	height: 600px;
}

div#topics p {
	margin: 10px 0px 10px -20px;
}