/* ----------------------
CSS Information

Site URL:	http://www.youkai-shop.com/
File name:	main.css(http://www.youkai-shop.com/css/main.css)
Created:	2010-11
Author:		Youkai-Shop:Comoro H.

Order of description

	- Search Key "__" + "id Name or Class Name"

/__Default style clear
/__container	(div#container)
/__header	(div#header)
/__header Title (logo)	(div#title)
/__Global Navigation
/__FLASH Content	(div#flash)
/__contents		(div#contents)
/__footer	(div#footer)

----------------------- */


/* -----------------------
 __Default style clear
----------------------- */

*{
	margin: 0;
	padding: 0;
	border: 0;
}

html,body {
	height: 100%;
}

html {
	overflow-y: scroll;
}

body {
	font-size: 90%;
	color: #231815;
	background-image:url(../img/bg.jpg);
	background-color: #f5f3de;
}

li {
	list-style-type: none;
}

img {
	border: 0;
}

table {
	border: 0;
}

a {
	color: #231815;
	text-decoration: none;
}

a:hover {
	color: #231815;
	text-decoration: underline;
}

.clear	{
	clear: both;
}



/* -----------------------
 __container
----------------------- */

#container {
	width: 962px;
	margin: 0 auto 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* -----------------------
 __header
----------------------- */

#header {
	height: 194px;
	width: 962px;
	background-image: url(../img/bg_header.jpg);
	background-position: top;
	background-color: #d4c6a3;
}


#title h1 {
	float: left;
	margin-left: 22px;
	margin-top: 23px;
	width: 520px;
}

#blog {
	float: right;
	width: 380px;
	height: 82px;
	padding-top: 36px;
	padding-right: 14px;
}



/* --------------------------------------------
 __Global Navigation
 
 	navigation.css	(css/navigation.css)
-------------------------------------------- */




/* -----------------------
 __contents
----------------------- */
#contents {
	clear: both;
	width: 962px;
}

#dirPathBlock {
	font-size: 90%;
	color: #666;
	padding: 5px 0 0 0;
}

#contents.page {	/*--company/about, cpmpany, company/inquiry, linkページ用--*/
	width: 824px;	/*--背景画像とパディング設定のため（824px + 138px = 962px）--*/
	background-image:url(../img/bg_contentspage.jpg);
	background-repeat:repeat-y;
	padding-top:30px;
	padding-left:138px;
	margin-top:0;
}

#contents h2 {
	padding-bottom:20px;
}

#contents p {
	line-height:2;
	margin-left:17px;
}

#contents p.lh1 {
	line-height:1.4;
	margin-left:17px;
}

#contents-box {
	width:688px;
	padding-bottom:60px;
}

#contents-box h3 {
	padding-bottom:20px;
}

#contents-box dl {
	padding-left: 17px;
}

#contents-box dl dt {
	float: left;
	width: 9em;
	letter-spacing:0.5em;
}

#contents-box dl dd  {
	padding-bottom: 1em;
}

#contents-box dl p  {
	padding-bottom: 1em;
	padding-left:8em;
	padding-bottom:0px;
	line-height: 1.5;
}

#contents-box ul li  {
	margin-bottom:25px;
}


#contents-box-2columun	{
	width: 670px;
	padding-bottom: 60px;
	min-height: 738px;
	clear: both;
}

#contents-box-2columun #contentsBoxLeft	{
	width:315px;
	float: left;
	padding-left: 20px;
}

#contents-box-2columun #contentsBoxRight	{
	width:315px;
	float: right;
}

#contents-box-2columun #contentsBoxRight img	{
	padding-bottom: 10px;
}

#contents-box-2columun #contentsBoxLeft p	{
	padding-left: 0px;
	margin-left: 0px;
	line-height: 1.3;
}

#contents-box-2columun #contentsBoxLeft ul	{
	margin: 0;
	padding: 0px 15px;
}

#contents-box-2columun #contentsBoxLeft ul li	{
	list-style-type: disc;
	line-height: 1;
	padding-bottom: 7px;
}



/* -----------------------
 __footer
----------------------- */
#foot-key {
	clear: both;
	padding-top: 20px;
	font-size: 9px;
	text-align: center;
}

#footer {
	float: left;
	width: 962px;
	height: 100px;
	padding-top: 20px;
	text-align: center;
}

#footer li {
	display:inline;
	list-style-type:none;
	font-size: 80%;
}

#footer p {
	text-align: center;
	font-size: 80%;
	margin-top: 25px;
}

#footer img {
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 10px;
}