/*
Theme Name: アウトルモーレ
Theme URI: http://www.autorumore.com
Description: アウトルモーレ　オリジナルテーマ
Author: ISPlanning
Author URI: http://www.is-p.cc
Version: 1.0
*/


/****************************************************
 全体で共通のスタイル
****************************************************/

/*** 見出し用 ***/
.nothing { margin: 0px; padding: 0px; border: none; background-image: none; background-color: transparent; }

/*** テーブル ***/
table { font-size: 1em; }

/*** フォーム ***/
form { margin: 0px; padding: 0px; }

/*** img ***/
img { border: 0px; vertical-align: bottom; }

/*** ダミー用 ***/
span.dummy { width: 0px; height: 0px; display: none; }

/*** 注意書き ***/
.caution { font-size: 0.8em; font-weight: bold; color: #ff0000; }

/*** 高さ指定 ***/
.height-5 { height: 5px; }
.height-10 { height: 10px; }
.height-20 { height: 20px; }
.height-30 { height: 30px; }
.height-40 { height: 40px; }
.height-50 { height: 50px; }
.height-80 { height: 80px; }

/*** リンク色（明るい緑色） 基本 */
a { color: #00aa33; text-decoration:none; }
a:visited { color: #6633cc; text-decoration:none; }
a:hover { color: #ff6600; text-decoration:none; }

/*** リンク色（青）***/
a.bluelink { color: #175bea; text-decoration:none; }
a.bluelink:hover { color: #ff6600; text-decoration:none; }

/*** リンク色（赤）***/
a.redlink { color: #ff0000; text-decoration:none; }
a.redlink:hover { color: #ff6600; text-decoration:none; }

/*** リンク色（白）***/
a.whitelink { color: #ffffff; text-decoration:none; }
a.whitelink:hover { color: #ff0000; text-decoration:none; }
a.whitelink:visited { color: #dfdfdf; text-decoration:none; }

@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
	}
	div#preloader img {
		display: block;
	}
}
@media print {
	div#preloader,
	div#preloader img {
		visibility: hidden;
		display: none;
	}
}


/*****************************************************
 ページの全体構成
*****************************************************/
/* 全体 */
body{
	font-size: 0.8em;
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, Arial, Verdana, sans-serif;
	line-height: 140%;
	letter-spacing: 0.2em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #e8e8e8;
	color: #666666;
}

/* 全体を中央寄せにする為のスタイル */
div.page{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background-image: none;
	background-color: #ffffff;
}

/* ヘッダ */
div#page-top {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background: #ffffff url('./images/h_bg.gif') left top repeat-x;
}
div#header{
	width: 950px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0px;
	background-color: transparent;
}


/*
 段組を入れる為のフレーム
*/
div.body{
	width: 950px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background-color: transparent;
	background-image: none;
}

/* コンテンツヘッダ部分(home, category, page) */
div#content-header{
	height: 250px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background: #ffffff url('./images/body_head_bg.gif') center top repeat-x;
}
div#content-header-bg{
	background: #ffffff url('./images/body_head_content_bg.gif') center top repeat-x;
	height: 250px;
}

/* コンテンツヘッダ部分(single) */
div#content-header-single{
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background: #ffffff url('./images/body_single_bg.gif') left top repeat-x;
}
div#content-header-single-bg{
	height: 50px;
}

/* コンテンツ部分 */
div#content-body{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background: #ffffff url('./images/body_bg.gif') left top repeat-x;
}

div.single-body {
	background: #ffffff url('./images/single_bg.gif') left top no-repeat;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/* フッタ */

/* コンテンツヘッダ部分 */
div#page-footer{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background: #e8e8e8 url('./images/footer_bg.gif') left top repeat-x;
}
div#footer {
	width: 950px;
	height: 60px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	background: transparent url('./images/footer_copyright.gif') right top no-repeat;
}


/*****************************************************
 段組みを自動で解除する
*****************************************************/
.auto-float-clear, .navigation {
	zoom: 100%;
}
.auto-float-clear::after, .navigation::after {
	content: " ";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
}