@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : default.css
 Author     : MIYA
 Style Info : ブラウザスタイルのリセットと基本設定
=================================================================== */

Browser Default Inithtml {
	overflow-y: scroll;
}
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;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}

p, dl, dt, dd{
		line-height: 25px;
}
img, abbr, acronym, fieldset	{
	border: 0;
	vertical-align: bottom;
}
hr {
	line-height:0;
}
li	{
	list-style-type: none;
}

/* ----------------------- Basic Style */
/* ------------ Font Style */
body {
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
	font-size: 75%;
	line-height: 150%;
	color:rgb(51,51,51);
}
html>/**/body {
	font-size: 12px;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}

p.eng {
	font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, Georgia, 'Times New Roman', serif;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
 
.clearfix {display: inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


a:link { color:rgb(0,0,0);}
a:visited { color: #800080; }
a:active { color: #ff0000; }



/****** FOOTER FIEXED *******/
html,body{
     height:100%;
}

#wrap{
	width: 100%;
	height: 100%;
}

#footer{
	height: 80px;
	width: 100%;
	background-color: rgb(0,0,0);
	clear: both;
}


#topwrap {
	height: 100%;
}
#topleftwrap {
	width: 25%;
	height: 100%;
	float: left;
	background-image: url(../image/TOP_gara2.jpg);
	background-repeat: repeat;
	display: table-row;
}
#leftpart {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
#topmainwrap {
	width: 75%;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-bottom: 60px;
	display: none;
}

#topmain {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
}
.centering{
display:block;
margin-left:auto;margin-right:auto;
text-align:center;
}





.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
.top40{margin-top:40px;}
.top60{margin-top:60px;}
.top80{margin-top:80px;}

#header {
	background-color: rgb(0,0,0);
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: rgb(255,204,0);
	height: 40px;
	width: auto;
}


#contents {
	margin-left: 60px;
}


#illust {
	width: 600px;
	margin-top: 30px;
}
.illust_part {
padding: 0 0 0 -7px;
margin-top:10px;
}

.illust_part{
	background: url(images/loading.gif) no-repeat;
}

.illust_part img {
padding:7px;
float: left;
}

.illust_part a:hover img {
background-color:#DFAF05;
}




	
#footer_upper {
	background-color: #ede9dd;
	height: 30px;
}

#footer_upper_inside {
	width: 950px;
	margin-right: auto;
	margin-left: auto;

}
#footer_upper_inside p{
	font-size:10px;
	float:left;
	padding:2px 0 0 40px;
}
#about_wrapper {
	overflow: hidden;
}
#about_text {
	margin-left: 20px;
}
.about_big {
	font-size: 16px;
	color: #E3B005;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 20px;
}
#about_text p {
	line-height: 25px;
}
#history {
	clear: both;
}
#history table tr {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgb(204,204,204);
}
#history table tr td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.contact_big {
	font-size: 20px;
	line-height: 40px;
}
.normal_text{
	line-height: 25px;
}
#contact_link_area img {
	float: left;
	padding-top: 20px;
}
dl dt {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}
dl img{
	margin:0 0 0 120px;
}
#logo {
	width: 190px;
	margin-left: 40px;
}
#concept_links {
	margin-top: 60px;
}
#concept_links ul li {
	float: left;
	background-image: url(../image/icon_before_link.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 30px;
	padding-left: 10px;
	font-size: 18px;
	line-height: 30px;
	color: #E4AF00;
}
#concept_contents {
	clear: both;
	padding-top: 60px;
}
.concept_dl dt{
	font-size: 16px;
	line-height: 40px;
	color: #DFAF05;
	background-image: url(../image/mini-headline.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 22px;
	margin-top: 35px;}
.concept_dl dd{
	margin-left: 22px;
}
#howtoorder {
	margin-top: 100px;
}
h3 {
	line-height: 16px;
	font-size: 13px;
}
#nav {
	margin-top: 40px;
}
#nav ul li img {
	margin-top: 30px;
}
#howtoorder table tr td {
	font-size: 12px;
	line-height: 20px;
	vertical-align: top;

}
.topwrap {
	display: table;
	height: 100%;
	width: 100%;
}
h1 {
	font-size: 18px;
	color: rgb(51,51,51);
	float: left;
	padding-left: 8px;
}
#h1part {
	width: 600px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgb(153,153,153);
}
.nexth1 {
	float: left;
}
#headline {
	width: 600px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgb(204,204,204);
	clear: both;
}
#headlineright {
	float: left;
	padding-left: 10px;
	font-size: 10px;
	color: rgb(51,51,51);
}
#headlineleft {
	float: left;
	padding-top: 2px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: rgb(226,175,7);
}
.block {
	display: block;
}
h2 {
	font-size: 18px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: rgb(51,51,51);
}
.navsmall {
	font-size: 9px;
	color: rgb(51,51,51);
	line-height: 16px;
}