@charset "utf-8";

@import "top.css";
@import "about.css";
@import "history.css";
@import "topics.css";
@import "goods.css";
@import "inquiry.css";

/* ************************************************
*  LOVEMECHAN CSS
*  $Id: common.css, v1.0 2010/02/25 $
*
*  INDEX -----:
*  1  __init
*  2  __layout
*  3  __etc
* ********************************************** */

/* ************************************************
初期設定 __init
* ********************************************** */
html {
	height: 100%;
	font-size: 62.5%;
	font-family:"ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;
}
body {
	height: 100%;
	color: #6a2c38;
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 0em!important;
}
a {
	text-decoration: none;
	color: #6a2c38;
	cursor: pointer;
	outline: none!important;
}
a:hover {
	color: #6a2c38;
	text-decoration:underlinel;
}
a:hover img {
	opacity: 0.8;
	/*filter: alpha (opacity=80);*//*ie*/
	-moz-opacity: 0.8;/*firef*/
}
#side_list #sub_area #sub_menu h3 a:hover img {
	opacity: 0.8;
	filter: alpha (opacity=80);/*ie*/
	-moz-opacity: 0.8;/*firef*/
	background: #ffffff;/*png回避*/
}
/* ************************************************
レイアウト調整 __layout
* ********************************************** */
div#wrapper {
	margin: 0;
	padding: 0;
	position:relative;
	height:100%;
	min-height:100%;
}
* html div#wrapper {
	height:100%;
}

body{
	/*background: none;*/
	background: #ffffff url(../img/footer_bg.jpg) repeat-x left top;
}
#wrapper_bg {
	background: #ffffff url(../img/header_bg.jpg) repeat-x left top;
}
#wrapper #header {
	height:135px;
}
#wrapper #header_inner {
	width:800px;
	margin:0 auto;
}

#wrapper #header #site_name {
	float:left;
}
#wrapper #header #site_name a{
	display:block;
	background: url(../img/lovemechan_logo.png) no-repeat left top;
	height: 45px;
	width: 190px;
	text-indent:-9999px;
	margin-top:40px;
}

#wrapper #wrapper_inner{
}
#wrapper #wrapper_bg{
}

/* ヘッダー */
#wrapper #header {
	text-align:left;
	margin:0px auto;
/*	background: url(../img/headertop.png) no-repeat center top;*/
}
#wrapper #header #header_inner {
	width:800px;
	margin:0 auto;
}
#wrapper #header #site_name {
}
#wrapper #header #site_name a{
}
#wrapper #header #recommend {
	float:right;
}


/* グローバルメニュー */
#wrapper #global_menu {
	width:495px;
	float:right;
	margin-top:38px;
}

#wrapper #global_menu ul {
	border-left: 1px solid #e5c6d2;
}
#wrapper #global_menu li {
	float: left;
	border-right: 1px solid #e5c6d2;
}
#wrapper #global_menu li a {
	/*background: #ffffff;*//*png回避*/
}


/* コンテンツエリア大枠 */
#wrapper #contents_wrapper{
	width:800px;
	margin:0 auto;
}

/* コンテンツエリア内メインエリア */
#wrapper #main_area{
	text-align:left;
}
#wrapper #main_area .bold {
	font-weight: bold !important;
}
/* フッター */
#wrapper #footer {
	clear: both;
	/*background: #ffffff url(../img/footer_bg.jpg) repeat-x left top;*/
}
#wrapper #footer #footer_inner {
	width:800px;
	margin:0 auto 20px auto;
	text-align: left;
}
#wrapper #footer #copyright {
	padding:15px 0;
}
#wrapper #footer #copyright img {
}


/* ************************************************
その他 __etc
* ********************************************** */
/* 折り返し禁止 */
.text_nowrap{
	white-space:nowrap!important;
}

/* 太字装飾 */
strong.b, em.b {font-weight: bold;}
.smaller { font-size:90%;}
.larger { font-size:130%;}

/* テキスト配置 */
.center {text-align:center !important;}
.right {text-align:right !important;}
.left {text-align:left !important;}
.question { color:#4c8ac5; font-weight:bold;}
.answer { color:#ef4b7d; font-weight:bold;}
.caption { font-size:11px;}
.font_size10px { font-size:10px;}


/* 青字 */
.blue {color: #2a54a4; font-weight: bold;}
/* 赤字 */
.red {color: #cc0000; font-weight: bold;}

/* 余白・マージン削除 */
.delmgt {margin-top: 0px !important;}
.delmgr {margin-right: 0px !important;}
.delmgb {margin-bottom: 0px !important;}
.delmgl {margin-left: 0px !important;}
.delpdt {padding-top: 0px !important;}
.delpdr {padding-right: 0px !important;}
.delpdb {padding-bottom: 0px !important;}
.delpdl {padding-left: 0px !important;}
/* 余白・マージン調整 */
.mgt3 {margin-top: 3px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt30 {margin-top: 30px !important;}
.mgt40 {margin-top: 40px !important;}
.mgt44 {margin-top: 44px !important;}
.mgb10 {margin-bottom: 10px !important;}
.mgb20 {margin-bottom: 20px !important;}
.mgb30 {margin-bottom: 30px !important;}
.mgb40 {margin-bottom: 40px !important;}
.mgt44 {margin-top: 44px !important;}
.pdt10 {padding-top: 10px !important;}
.pdt20 {padding-top: 20px !important;}
.pdt30 {padding-top: 30px !important;}
.pdb10 {padding-bottom: 10px !important;}
.pdb20 {padding-bottom: 20px !important;}
.pdb30 {padding-bottom: 30px !important;}
.mgl1em {margin-left: 1em !important;}

/* h1 */
#wrapper #main_area h1 {
	margin: 0px;
}
/* h1 3階層目 */
#wrapper #main_area .h1text {
	background: url(/shared/img/h1_s_base.png)  no-repeat 0px 0px;
	font-size: 14px;
	height: 50px;
	text-align: left;
	line-height: 50px;
	padding-left: 10px;
}
#wrapper #main_area p.desc {
	text-align: left;
	margin-bottom: 30px;
	margin-top: 20px;
}
#wrapper #main_area {
	font-size: 12px;
	line-height: 150%;
	margin-bottom:30px;
}
#wrapper #main_area p,
#wrapper #main_area .cntents_index {
	text-align: left;
}
#wrapper #main_area div.topic {
	margin-bottom: 40px;
}
#wrapper #main_area div.topic h2 {
	margin: 0 0 10px 0;
	clear: both;
}
#wrapper #main_area div.topic .segment h3 {
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 10px 0;
	text-align: left;
	color: #212121;
	line-height: 24px;
	padding-left: 25px;
	background: url(/shared/img/h3_titlebg.gif) no-repeat 0px 0px;
}
#wrapper #main_area div.topic .segment_col2 h3 {
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 10px 0;
	text-align: left;
	color: #212121;
	line-height: 24px;
	padding-left: 25px;
	float: left;
	width: 435px;
	background: url(/shared/img/h3_titlebg_col2.gif) no-repeat 0px 0px;
}
#wrapper #main_area .topic .segment,
#wrapper #main_area .topic .segment_col2 {
	clear: both;
	position: relative;
	width: 670px;
	margin-bottom: 20px;
}
#wrapper #main_area .topic .segment_col2 p {
	text-align: left;
	float: left;
	width: 460px;
}
#wrapper #main_area .topic .segment_col2 .thumb{
	float: right;
}

/* course list */
ul.course_list208 { width:670px; margin: 5px 0;}
ul.course_list208 li { 
	width: 208px;
	float: left;
	margin-right: 15px;
}
/* text list */
ul.txtlist01 {
	margin: 0 0 0 0;
	text-align:left;
}
ul.txtlist01 li{
}
ul.txtlist01 li a {
	display: block;
	white-space: nowrap;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	background: url(/shared/img/icon_arrow.gif) no-repeat 0px 9px;
	padding-right: 0px;
	padding-left: 15px;
	margin-right: 10px;
}


/* number list */
ol.numlist01 {
	margin: 0 0 0 0;
	text-align:left;
}
ol.numlist01 li{
	text-indent:-1.5em;
	margin-left:1.5em;
	}


/* map-box */
#wrapper #main_area #map-box {
	clear: both;
	margin: 20px 0 40px 0;
	width: 670px;
}
#wrapper #main_area #map-box .L-box {
	float: left;
	margin: 0 0 0 40px;
}
/* for ie6 */
*html #wrapper #main_area #map-box .L-box {
	float: left;
	margin: 0 0 0 40px;
	display:inline;
}
#wrapper #main_area #map-box .R-box {
	float: right;
	margin: 0 40px 0 0;
}
*html #wrapper #main_area #map-box .R-box {
	float: right;
	margin: 0 40px 0 0;
	display:inline;
}
/* search */
#course_search {
	width: 900px;
	margin: 
}