@charset "UTF-8";
/*********************************************
*	developer									*
************************************************/

/************************************************
*	Reset										*
************************************************/

h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,blockquote,cite,q,address {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
table{
        margin:0 auto;
        text-align:left;
}

a img {
border-style: none;
}
/************************************************
*	clear										*
************************************************/
div:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/************************************************
*	Layout  									*
************************************************/
body {
		font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
	background-color: #ffffff;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}



div#header {
	color: #333333;
	text-align: left;
	margin-top: 20px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 800px;
        height:70px;
}
div#header-flash {
	color: #333333;
	background-color: transparent;
	text-align: left;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 800px;
        height:465px;
        float:right;
        clear:both;
}
div#headerFlash01{
        position:relative;
        top:250px;
        left:50px;
}
div#headerFlash02{
       float:right;
       text-align:right;
       position:relative;
       top:-100px;
}
div#header-menu{
       width:800px;
       float:right;
       text-align:center;
       clear:both;

}
div#header-menu ul{
       display:block;
       list-style-type:none;
       float:left;
       padding-left:60px;
       _padding-left:30px;
       font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #8c6e4f;
}
div#header-menu ul li{
       display:block;
       float:left;
       margin:0px 20px;
}
div#header-menu ul li a{
       color:#8c6e4f;
       text-decoration:none;
}
div#header-menu ul li a:hover{
       text-decoration:underline;
}

div#index-header {
	color: #333333;
	background-color: transparent;
        background-image:url(http://aromarin.com/img/header_bg.jpg);
        background-position:left top;
        background-repeat:no-repeat;
	text-align: left;
	margin-top: 30px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 900px;
        height:73px;
}
div#index-header h1{
        font-size:80%;
        color:#b99269;
        text-indent:40px;
}
div#index-header h1 a{
        color:#b99269;
        text-decoration:none;
        position:relative;
        top:56px;
}
div#index-header h1 a:hover{
        text-decoration:underline;
}


div#index-content {
	font-size: 100%;
	color: #333333;
	background-color: transparent;
        background-image:url(http://aromarin.com/img/content_bg.jpg);
        background-position:left top;
        background-repeat:repeat-y;
	text-align: center;
	margin-top:0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 900px;
        clear:both;
}
div#index-content .inner{
	background-color: transparent;
        background-image:url(http://aromarin.com/img/content-inner_bg.jpg);
        background-position:left top;
        background-repeat:no-repeat;
        width:900px;
}
div#index-content-bottom{
        width:900px;
        height:28px;
        margin:0 auto;
        text-align:center;
	background-color: transparent;
        background-image:url(http://aromarin.com/img/index_content_bottom.jpg);
        background-position:left top;
        background-repeat:no-repeat;
}


div#content {
	font-size: 100%;
	color: #333333;
	background-color: #ffffff;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 800px;
}


div#main {
	font-size: 80%;
	color: #5d5d5d;
	background-color: #ffffff;
	text-align: left;
	margin: 30px auto 0px auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	width: 570px;
	float: right;
        _position:relative;
        _left:20px;
}
div#index-main {
	font-size: 80%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	width: 740px;
	float: right;
}

div#sub {
	font-size: 100%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	margin-top: 0px;
	padding: 0;
	margin-left: 0px;
	margin-right: 0;
	margin-bottom: 20px;
        clear:left;
	width: 200px;
	float: left;
}


div#footer {
	font-size: 100%;
	color: #333333;
	background-color: transparent;
        background-image:url(http://aromarin.com/img/footer_bg.jpg);
        background-position:left top;
        background-repeat:no-repeat;
	text-align: center;
        margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
        height:45px;
	clear: both;
}
div.footerBox_L{
       width:230px;
       float:left;
}
div.footerBox_R{
        width:570px;
        float:right;
}
div.footerBox_R p{
        font-size:80%;
        color:#BA9269;
}
div.footerBox_R a{
        color:#BA9269;
        text-decoration:none;
}

div.footerBox_R a:hover{
        color:#BA9269;
        text-decoration:underline;
}



/************************************************
*	header  									*
************************************************/

div#header .inner {
}

div#header h1 {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 80%;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div#header h1 a {
	text-decoration: none;
	color: #333333;
}

div#header img a {
	margin: 0px;
	border: none;
}

div#header p {
	font-size: 80%;
	color: #333333;
	line-height: 140%;
	margin-top: 5px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 5px;
	padding-bottom: 0px;
}


/************************************************
*	Content 					     		    * 
************************************************/

div#main .inner {
	padding-left: 20px;
	padding-right: 0px;
}

/* 見出し */
div#main h2 {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	margin-top: 15px;
	padding-top: 5px;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-bottom: 3px;
	clear: both;
}

div#main h3 {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #8c6e4f;
	background-color: #ffffff;
        background-image:url(http://aromarin.com/img/h3.jpg);
        background-repeat:no-repeat;
        background-position:left top;
        width:572px;
        height:33px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

div#main h4 {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #8c6e4f;
	background-color: #ffffff;
        background-image:url(http://aromarin.com/img/h4.jpg);
        background-repeat:no-repeat;
        background-position:left top;
        width:561px;
        height:30px;
	margin-top: 10px;
	margin-bottom: 10px;
        line-height:150%;
        text-indent:21px;
	clear: both;
}
div#main h7 {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #ba9269;
	background-color: transparent;
        background-image:url(http://aromarin.com/img/h7.jpg);
        background-repeat:no-repeat;
        background-position:0px 3px;
        padding-left:16px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}
div#main h5 {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #ba9269;
	background-color: #ffffff;
        background-image:url(http://aromarin.com/img/h5.jpg);
        background-repeat:no-repeat;
        background-position:0px 3px;
        padding-left:18px;
        line-height:140%;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}




/* ハイパーリンク */
div#main a {
	text-decoration: none;
	color: #ba9269;
	background-color: #ffffff;
}

div#main a:hover {
	text-decoration: underline;
	color: #8c6e4f;
	background-color: #ffffff;
}
/* 段落 */
div#main p {
	line-height: 20px;
	margin: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
        font-size:12px;
}
.menu {
	padding-top: 20px;
}

/* リスト */
div#main ol,div#main ul {
	margin-top: 0;
	margin-left: 25px;
	margin-right: 0;
	margin-bottom: 10px;
	padding: 0;
}

div#main ol li,div#main ul li {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
/* 引用 */
div#main blockquote {
	color: #333333;
	background-color: #eeeeee;
	line-height: 140%;
	margin-top: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding-top: 3px;
	margin-left: 0;
	padding-left: 10px;
	margin-right: 0;
	padding-right: 10px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}

div#main blockquote p {
	padding-top: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3px;
}

/* 引用元情報 */
div#main cite {
	font-style: italic;
}

/* 整形済みテキスト */
div#main pre {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
	overflow: scroll;
}
/* 箇条書き（定義リスト） */
div#main dl {
	margin-top: 5px;
	margin-bottom: 5px;
}


div#main dt {
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 0;
	padding-bottom: 10px;
}

div#main dd {
	padding-left: 5px;
        background-color:transparent;
}

/* 画像左配置 */
.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}
/* 画像中央配置 */
.mt-image-center {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}
/* 画像右配置 */
.mt-image-right {
    float: right;
    margin: 0 0 20px 20px;
}
/* 画像左配置 */
div#main .imageleft{
	margin-right: 10px;
	float: left;
}
/* 画像右配置 */
div#main .imageright{
	margin-left: 10px;
	float: right;
}

/* 続き */
div#main .extended {
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	display: block;
}

div#main .entry-tags {
    margin: 10px 0 10px 10px; 
	clear: both;
}
div#main .entry-tags-header,
div#main .entry-tags-list,
div#main .entry-tag { display: inline; }
div#main .entry-tags-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#main .posted img {
	border: none;
	margin-bottom: -5px;
}
div#main .posted abbr{
       border:none;
       text-decoration:none;
}

div.comment-reply {
	margin-left: 20px;
}


/* コメンター画像 */
.asset-meta img {
	position: relative;
	top: 14px;
}

/* コメントフォーム */
div#main textarea{
	width: 440px;
}
/* コメントフォーム文字サイズ */
div#main input,div#main textarea {
	font-size: 100%;
}
div#main label {
	margin-bottom: 0.8em;
	width: 11em;
	float: left;
	clear: both;
	white-space: nowrap;
}



/************************************************
*	 Sidebar 					     	    * 
************************************************/

div#sub .inner {
	padding-left: 20px;
	padding-right: 20px;
}

/* サイドバーリスト */
div#sub dl {
	clear:both;
}

div#sub dt {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	margin-top: 20px;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2px;
}

div#sub dd {
	font-size: 100%;
}
	
	
div#sub ul {
	list-style: none;
        display:block;
	margin: 0px;
	padding: 0px;
	}

div#sub ul li {
	font-size: 75%;
	padding-top: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3px;
}

div#sub ul li li {
	font-size: 100%;
	margin-left: 20px;
		
}
	
div#sub ul li a {
        display:block;
        width:200px;
        height:47px;
	text-decoration: none;
	color: #666666;
	background-color: #ffffff;
        background-image:url(http://aromarin.com/img/icon_topcategory.jpg);
        background-repeat:no-repeat;
        background-position:left top;
        text-indent:30px;
        line-height:370%;
	margin: 0;
}

div#sub ul li a:hover{
	text-decoration: underline;
	color: #B99269;
	background-color: #ffffff;
}
/* サイドバー段落 */
div#sub p{
	line-height: 20px;
	margin: 0;
	padding-top: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
/* サイドバータグクラウド */
div#sub .module-tagcloud .module-content
	{text-align: left; }

div#sub .module-tagcloud .module-content .module-list
	{ list-style: none; }

div#sub .module-tagcloud .module-content .module-list .module-list-item
	{ display: inline; }

div#sub .module-tagcloud .module-content .module-list li.taglevel1
	{ font-size: 170%; }

div#sub .module-tagcloud .module-content .module-list li.taglevel2
 	{ font-size: 150%; }

div#sub .module-tagcloud .module-content .module-list li.taglevel3
	{ font-size: 130%; }
	
div#sub .module-tagcloud .module-content .module-list li.taglevel4
	{ font-size: 110%; }
	
div#sub .module-tagcloud .module-content .module-list li.taglevel5
	{ font-size: 90%; }
	
div#sub .module-tagcloud .module-content .module-list li.taglevel6
	{ font-size: 70%; }


div#sub li.item {
	display: inline;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 70px;
	height: 70px;
}

/************************************************
*	Footer  									*
************************************************/
/* 文責 */
div#footer address {
	padding-top: 10px;
	padding-bottom: 30px;
        padding-left:10px;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 70%;
        color:#BA9269;
	font-weight: bold;
        text-align:left;
}
/* 段落 */
div#footer p {
        margin-top:10px;
	font-size: 70%;
}

/* ----- indexBox ----------- */
div#indexBox{
        margin-top:20px;
        width:680px;
        float:left;
}
div.indexBox_L{
        width:185px;
        float:left;
}
div.indexBox_R{
       width:475px;
       float:right;
       background-color:#ffffff;
}
div#indexBox2{
      margin-top:30px;
      float:right;
}

/* ----- 新着情報 ------------ */
div.news-box
{
	margin-bottom:40px;
}

div.news-box h3
{
	text-indent:-9999px;
	background:#ffffff url(img/newsBox_title.jpg) no-repeat left top;
	color:inherit;
	height:22px;
}

div.news-box-inner ul
{
	list-style-type:none;
	width:470px;
}

div.news-box-inner li
{
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	line-height:150%;
	list-style-position:outside;
	display:block;
	background:transparent;
	color:inherit;
	border-bottom:1px solid #dddcdc;
	padding-bottom:1px;
	width:100%;
}
div.news-box-inner a{
        color:#b99269;
        text-decoration:none;
}
div.news-box-inner a:hover{
        text-decoration:underline;
}

/* ---- RINおすすめコース ------- */
div#osusumeBox{
       width:561px;
       height:301px;
       background-color:transparent;
       background-image:url(http://aromarin.com/img/top/osusumeBox_bg.jpg);
       background-position:left top;
       background-repeat:no-repeat;
}
div.osusumeTxt{
       position:relative;
       top:60px;
       left:240px;
}
div.osusumeTxt strong{
        width:550px;
        color:#ba9269;
        font-weight:bold;
}

/* ----- 罫線の背景 ----- */
div.mainBox01{               /* テキスト中央 */
       width:570px;
       background-color:transparent;
       background-image:url(http://aromarin.com/img/main_bg.jpg);
       background-position:center top;
       background-repeat:repeat-y;
       text-align:center;
       line-height:190%;
       padding-top:10px;
       padding-bottom:10px;
}
div.mainBox02{               /* テキスト左寄せ */
       width:570px;
       background-color:transparent;
       background-image:url(http://aromarin.com/img/main_bg.jpg);
       background-position:center top;
       background-repeat:repeat-y;
       text-align:left;
       padding-top:10px;
}
div.mainBox03{               /* テキスト中央 サイズ可変 */
       min-height:200px;
       _height:290px;
       background-color:transparent;
       background-image:url(http://aromarin.com/img/main_bg.jpg);
       background-position:center top;
       background-repeat:repeat-y;
       text-align:center;
       padding-top:80px;
}
div.mainBox03 p{
       _font-size:80%;
}
div.mainBox03-2{               /* テキスト中央 サイズ可変 */
       min-height:200px;
       background-color:transparent;
       background-image:url(http://aromarin.com/img/main_bg.jpg);
       background-position:center top;
       background-repeat:repeat-y;
       text-align:center;
       padding-bottom:10px;
}
div.mainBox03-3{               /* テキスト中央 サイズ可変 */
       min-height:150px;
       background-color:transparent;
       background-image:url(http://aromarin.com/img/main_bg.jpg);
       background-position:center top;
       background-repeat:repeat-y;
       text-align:center;
       padding-top:40px;
       padding-bottom:10px;
}






/* ---- コンセプトページBOX ---- */
div#staffBox001{
       width:554px;
       height:294px;
       background-color:transparent;
       background-image:url(http://aromarin.com/img/concept/staffImg001.png);
       background-position:left top;
       background-repeat:no-repeat;
       margin-top:10px;
       margin-bottom:10px;
}
* html div#staffBox001 { behavior: expression(IEPNGFIX.fix(this)); } 
div.innerTxt{
       position:relative;
       top:90px;
       left:240px;
       text-align:left;
}

div.contactBox{
       margin:10px auto;
       background-color:#ededed;
       border:1px dashed #cccccc;
}
div.contactBox table tr td{
       margin:3px;
}

/* ######################### */
/* ##     その他          ## */
/* ######################### */

/* ----- 右寄せテキスト ----- */
div.rightAlign{
       text-align:right;
       margin-bottom:20px;
}
/* ----- 強調文字(赤・太字) ----- */
.style1 {
	color: #FF0000;
	font-weight: bold;
}
/* ----- 強調文字(茶・丸あしらい) ----- */
.point {
	color: #131313;
        font-weight:bold;
        background-image:url(http://aromarin.com/img/point.jpg);
        background-repeat:no-repeat;
        padding-left:20px;
}
/* ----- リンク集ページ各罫線 -------- */
div.linkbox{
        border-bottom:1px dashed #D3CABF;
}
/* ----- 画像あしらい ---------------- */
div.imgDeco img{
        border:3px solid #D4CBC0;
        margin-bottom:10px;
}
/* ----- コンセプトページ見出し ----- */
.bigFont{
        color:#b99269;
        font-size:160%;
        font-weight:bold;
}
/* ----- アコーディオンメニュー ------ */
#accordion {width:500px; margin:10px auto 20px auto;}
.accordion {width:500px; font:12px Verdana,Arial; color:#033}
.accordion dt {width:500px; border-bottom:1px solid #b99269; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.accordion dt:hover {background:url(images/header_over.gif)}
.accordion dd {overflow:hidden; background:#fff}
.accordion span {display:block; width:425px; border-top:none; padding:15px}
#accordion2 {width:500px; margin:10px auto 20px auto; border:1px dashed #e8e0d3;}
.accordion2 {width:500px; font:12px Verdana,Arial; color:#033}
.accordion2 dt {width:498px; border-bottom:1px solid #b99269; padding:8px 0px 8px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.accordion2 dt:hover {background:url(images/header_over.gif)}
.accordion2 dd {width:498px; overflow:hidden; background:#fff;}
.accordion2 span {display:block; width:425px; border-top:none; padding:15px;font-size:12px;}
#accordion3 {width:500px; margin:10px auto 20px auto; border:1px dashed #e8e0d3;}
.accordion3 {width:500px; font:12px Verdana,Arial; color:#033}
.accordion3 dt {width:498px; border-bottom:1px solid #b99269; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.accordion3 dt:hover {background:url(images/header_over.gif)}
.accordion3 dd {width:498px; overflow:hidden; background:#fff}
.accordion3 span {display:block; width:425px; border-top:none; padding:15px}


/* ----- メニューリスト -------------- */
div.menuList{
        width:550px;
        margin:0 auto;
}
span.colum01{
       display:block;
       width:260px;
       text-align:left;
}
span.colum02{
       display:block;
       width:260px;
       text-align:right;
}
/* ----- 空白ボックス ---------------- */
div.spacer{
        width:100%;
        height:30px;
}
/* ----- テーブル内区切り ------------ */
td.table-border{
       height:5px;
       background-image:url(http://aromarin.com/img/border.gif);
       background-repeat:repeat-x;
       background-position:left center;
}