@charset "UTF-8";
/* 
============================================
COMOその他のページ用　CSS 
============================================
*/


body {
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
	background: #EFEFEF url(../images/armnw_back.jpg) repeat;
	font: 84%/1.4 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
}


/* 
コンテンツ　枠組み
==============================================================================
*/

#armnw-wrapper {
	width: 930px;
	margin: 0px;
	text-align: left;
	background: #FFFFFF url(../images/armnw_wrapback.jpg) repeat-y;
	position: relative;
}

#armnw-contents {
	width: 850px;
	margin: 34px 41px 34px 39px;
	position: relative;
}

#armnw-main {
	width: 610px;
	margin: 0px;
	float: right;
}

#armnw-sub {
	width: 180px;
	margin: 0px;
	float: left;
}

/* clearfix */
#armnw-contents:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#armnw-contents { display: block; }
/* no ie mac \*/
* html #armnw-contents { height: 1%; }
#armnw-contents { display: block; }
/* */


/* 
ヘッダー部分
==============================================================================
*/

/*　ヘッダー枠組み
-------------------------------------*/
#armnw-header {
	width: 930px;
	height: 151px;
	margin: 0;
	padding: 0;
	position: relative;
}


/*　ヘッダー　サイトトップへのリンク
-------------------------------------*/
#armnw-header h2 {
	width: 234px;
	height: 12px;
	display: block;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	position: absolute;
	left: 5px;
	top: 12px;
}

#armnw-header a:link {
	color: #666666;
	text-decoration: none;
}
#armnw-header a:visited {
	color: #666666;
	text-decoration: none;
}
#armnw-header a:hover {
	color: #1D4FB3;
	text-decoration: underline;
}
#armnw-header a:active {
	color: #1D4FB3;
	text-decoration: none;
}


/*　ヘッダー　その他
-------------------------------------*/

#armnw-header h3 {
	font-size: 12px;
	color: #000000;
	position: absolute;
	left: 39px;
	top: 38px;
}
#armnw-header .armnw-logo {
    position: absolute;
	left: 20px;
	top: 59px;
}
#armnw-header .armnw-image {
    position: absolute;
	left: 239px;
	top: 0px;
}



/* 
メイン部分
==============================================================================
*/

/*　記事日付
-------------------------------------
.topics-date {
	font-size: 11px;
	font-weight: normal;
	color: #CC6600;
	height: 20px;
}
*/

/*　メインタイトル（月別）
-------------------------------------*/
#armnw-main h1 {
	font-size: 16px;
	line-height: 44px;
	font-weight: bold;
	color: #000000;
	height: 44px;
	display: block;
	margin-bottom: 15px;
	padding-left: 25px;
}

#armnw-main .ttl-jan {
	background: url(../images/armnw_ttl-jan.jpg) no-repeat;	
}
#armnw-main .ttl-feb {
    background: url(../images/armnw_ttl-feb.jpg) no-repeat;	
}
#armnw-main .ttl-mar {
    background: url(../images/armnw_ttl-mar.jpg) no-repeat;	
}
#armnw-main .ttl-apr {
    background: url(../images/armnw_ttl-apr.jpg) no-repeat;	
}
#armnw-main .ttl-may {
    background: url(../images/armnw_ttl-may.jpg) no-repeat;	
}
#armnw-main .ttl-jun {
    background: url(../images/armnw_ttl-jun.jpg) no-repeat;	
}
#armnw-main .ttl-jul {
    background: url(../images/armnw_ttl-jul.jpg) no-repeat;	
}
#armnw-main .ttl-aug {
    background: url(../images/armnw_ttl-aug.jpg) no-repeat;	
}
#armnw-main .ttl-sep {
    background: url(../images/armnw_ttl-sep.jpg) no-repeat;	
}
#armnw-main .ttl-oct {
    background: url(../images/armnw_ttl-oct.jpg) no-repeat;	
}
#armnw-main .ttl-nov {
    background: url(../images/armnw_ttl-nov.jpg) no-repeat;	
}
#armnw-main .ttl-dec {
    background: url(../images/armnw_ttl-dec.jpg) no-repeat;	
}


/*　記事本文
-------------------------------------*/
#armnw-main .kakomi1 {
	margin-left: 40px;
	margin-right: 40px;
}

#armnw-main .kakomi1 h2 {
	font-size: 14px;
	line-height: 44px;
	font-weight: bold;
	color: #3843C8;
	height: 44px;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
#armnw-main .ttl-midashi1 {
	background: url(../images/armnw_ttl-midashi1.jpg) no-repeat;	
}
#armnw-main .ttl-midashi2 {
	background: url(../images/armnw_ttl-midashi2.jpg) no-repeat;	
}
#armnw-main .ttl-midashi3 {
	background: url(../images/armnw_ttl-midashi3.jpg) no-repeat;	
}
#armnw-main .ttl-midashi4 {
	background: url(../images/armnw_ttl-midashi4.jpg) no-repeat;	
}

#armnw-main .kakomi1 p {
	margin-bottom: 20px;
}

#armnw-main .kakomi1 ul {
	margin-bottom: 20px;
	padding-left: 15px;
}

#armnw-main .liststyle-normal {
    margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
}

#armnw-main .liststyle-number {
	list-style: decimal;
}

#armnw-main .text-brown {
	color: #AD4B4B;
}
#armnw-main .text-brown-b {
    font-size: 1em;
	color: #AD4B4B;
	font-weight: bold;
}
#armnw-main .text-red-b {
	color: #FF0033;
	font-weight: bold;
}

/* 文中小見出し */
#armnw-main .ttl-midashi5 {
	font-size: 1em;
	line-height: 120%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* 文中小見出し　今月のアロマキャッチフレーズ */
#armnw-main .ttl-midashi6 {
	font-size: 1em;
	color: #AD4B4B;
	line-height: 120%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
}


/*　今月のaroma
-------------------------------------*/

#armnw-main #armnw-monthly-ttl {
    width: 610px;
	height: 73px;
	background: url(../images/armnw_ttl-monthly.jpg) no-repeat;
	position: relative;
}
#armnw-main #armnw-monthly-ttl h3 {
    font-size: 14px;
	font-weight: bold;
    position: absolute;
	left: 470px;
	top: 33px;   
}

#armnw-main #armnw-monthly {
	background: #EEE9E4;
	padding: 0px 40px 20px;
}
#armnw-main #armnw-monthly p {
	margin-bottom: 15px;
}


/* 
サブ部分
==============================================================================
*/

/*　バックナンバータイトルリスト
-------------------------------------*/

#armnw-subnavi {
	margin-bottom: 20px;
}

#armnw-subnavi h3 {
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
	display: block;
	background: url(../images/armnw_subttl1.jpg) repeat-y;
	margin-bottom: 8px;
	text-align: center;
}

#armnw-subnavi ul {
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #666666;
	list-style: none;
	margin-bottom: 12px;
}

#armnw-subnavi li {
	display: block;
	padding-left: 10px;
	background: url(../images/armnw_list1.gif) no-repeat left top;
	margin-bottom: 3px;
}


#armnw-subnavi h3 a:link {
	color: #000000;
	text-decoration: none;
}
#armnw-subnavi h3 a:visited {
	color: #000000;
	text-decoration: none;
}

#armnw-subnavi a:link {
	color: #666666;
	text-decoration: none;
}
#armnw-subnavi a:visited {
	color: #666666;
	text-decoration: none;
}
#armnw-subnavi a:hover {
	color: #1D4FB3;
	text-decoration: underline;
}
#armnw-subnavi a:active {
	color: #1D4FB3;
	text-decoration: none;
}

/*　スポーツアロママッサージ案内、
　　スクールのアロマ案内
-------------------------------------*/

#armnw-sub h3 {
	margin-bottom: 8px;
}

#armnw-sub p {
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
	margin-bottom: 12px;
}
#armnw-sub .armnw-name {
	font-weight: bold;
	color: #000000;
	text-align: right;
}
#armnw-sub .armnw-text-blue {
	font-weight: bold;
	color: #1D49BB;
	display: block;
	margin-bottom: 8px;
}


/* 
フッター部分
==============================================================================
*/

#armnw-footer {
	width: 930px;
	height: 70px;
	background: url(../images/armnw_footer-bg.gif) no-repeat;
	position: relative;
}

/*　サイトトップへのバナー
-------------------------------------*/
#armnw-footer .ga-top-banner {
	position: absolute;
	left: 38px;
	top: 10px;
}


/*　フッター　ナビ
-------------------------------------*/
#armnw-footer .ftnavi {
	width: 651px;
	font-size: 11px;
	position: absolute;
	left: 279px;
	top: 10px;
}

.ftnavi ul {
	width: 720px;
	height: 15px;	
}

.ftnavi ul {
	padding-bottom: 5px;
	list-style: none;	
}

.ftnavi li {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	display: block;
	float: left;
	background: url(../images/ft_listmark.gif) no-repeat;
	padding-left: 8px;
	padding-right: 10px;
	line-height: 10px;
}

/*　フッター　クレジット
-------------------------------------*/
.arm-ft2 h3 {
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	left: 279px;
	top: 30px;
}


/*　フッター　ナビ、クレジット　リンクカラー
---------------------------------------------*/

.ftnavi a:link,
.ga-toplink a:link {
	color: #666666;
	text-decoration: none;
}
.ftnavi a:visited,
.ga-toplink a:visited {
	color: #666666;
	text-decoration: none;
}
.ftnavi a:hover,
.ga-toplink a:hover {
	color: #1D4FB3;
	text-decoration: underline;
}
.ftnavi a:active,
.ga-toplink a:active {
	color: #1D4FB3;
	text-decoration: none;
}
