@charset "UTF-8";

/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/

#container{ background-color: #ffffff; }


/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/

body{
	color: #333;
}

* html body{ background-image: none; }

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #0e1bbb; }
a:hover,
a:active{ color: #ff6600; }


/*★★★リンク文字 - 白、大文字、太字、線なし、activeで線*/
a.brown-link{ 
	text-decoration: none; 
}

a.brown-link:link,
a.brown-link:visited{ color: #8a5b47; }
a.brown-link:hover,
a.brown-link:active{ 
	text-decoration: underline;
	color: #c01e1f;
 }

/*★★★リンク文字 - グレー*/
a.gray-link{ 
	text-decoration: none; 
}

a.gray-link:link,
a.gray-link:visited{ color: #444; }
a.gray-link:hover,
a.gray-link:active{ 
	text-decoration: underline;
	color: #444;
 }


/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

#container{
	position: relative;
	padding-top: 25px;
}


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{ 
	position: absolute;
	top: 0;
	background: #fff;
	color: #999;
	font-size: 1.2em;
}

#top-in{
	position: relative;
	padding: 5px 0;
}

#top-menu{ text-align: right; }

#top-menu li{
	display: inline;
	margin-left: 1em;
	list-style: none;
}

#top-menu li a{
	padding-left: 15px;
	padding-right: 7px;
	background: url(../images/icon/icon-arrow04.png) left center no-repeat;
	color: #666;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
	background-color: #fff;
	font-size: 1.2em;
	color: #999;
}

#header-in{ padding: 1em 0; }

/*●ヘッダーロゴ（メインタイトル）*/
#header #header-title{
	float: left;
	width: 55%; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
}

#header .header-logo{
	margin-bottom: 0.2em;
	font-size: 2.5em;
}


/*●ヘッダーロゴテキスト*/
.header-logo a{ text-decoration: none; }

.header-logo a:link,
.header-logo a:visited{ color: #999; }
.header-logo a:hover,
.header-logo a:active{ color: #9cc; }


/*●ヘッダーテキスト・右上の文章*/
#header-in #header-text{
	float: right;
	width: 40%; /*1行の幅はwidthの値を変更*/
}

#header h1{
	margin-bottom: 1em;
	padding-left: 0.5em;
	font-size: 1.167em;
}


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav{
	background-color: #ffd6a5;
	border-top: 1px solid #c9bc9c; /*メニュー上のラインの設定*/
	border-bottom: 1px solid #c9bc9c; /*メニュー下のラインの設定*/
}

#global-nav dl{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#global-nav dt,
#global-nav dd{ 
	margin: 0;
	padding: 0;
}


/*●メニューボタンを非表示*/
#global-nav .btn-gnav{ display:none; }


/*●グローバルメニュー*/
#global-nav .menu-wrap{ display: block; }

#menu{ font-size: 1.2em; }

#global-nav #menu li{
	position: relative;
	float: left;
	margin: 0;
	list-style: none;
}

#global-nav #menu li{ white-space: nowrap; }

/*メニューのデザイン*/
#global-nav #menu li a{
	display: block;
	padding: 0.8em 2em;
	color: #604c3f; /* メニューのフォントの色  */
	text-decoration: none;
}

#global-nav #menu li a:link,
#global-nav #menu li a:visited{ background-color: #ffd6a5; } /*すでに訪れたリンクの背景色*/
#global-nav #menu li a:hover,
#global-nav #menu li a:active{ background-color: #fff399; } /*マウスカーソルを乗せた時の背景色*/

#global-nav #menu li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 12em;
}

/*ドロップダウンメニューのデザイン*/
#global-nav #menu li ul li{
	margin: 0;
	padding: 0;
	width: 12em;
	border: 1px solid #f0f0ea;
	border-top: 0;
	border-bottom: 1px solid #ccc;
	white-space: normal;
}

#global-nav #menu li ul li a{
	display: block;
	padding: 0.8em 2em;
}

#global-nav #menu li li a:link,
#global-nav #menu li li a:visited{ background-color: #fff399; }

#global-nav #menu li ul ul{
	top: 0;
	left: 100%;
}

#global-nav .showMenu{ display: block!important; }


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main-in{ padding-top: 1.5em; }


/*●メイン画像*/
#main-image{ padding-top: 1.5em; }

#main-image-in{
	position: relative;
	padding-bottom: 1.5em;
}

#main-image img{
	width: 100%;
	height: auto;
}



/*●パン屑ナビ*/
#breadcrumbs{
	clear: both;
	margin-bottom: 1.5em;
	font-size: 1.2em;
}

#breadcrumbs li{
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;
	text-align: right;
	list-style: none;
}

#breadcrumbs li a{
	padding-right: 15px;
	background: url(../images/icon/icon-brc.gif) center right no-repeat;
}


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{ font-size: 1.75em; }

#main-contents .contents{
	margin-bottom: 3.5em;
	padding: 0 15px 0 15px;
}



/*★H2タグ*/
#main-contents h2{
	position: relative;
	margin: 0 0 1.0em;
	padding: 0.4em 0.3em 0.4em 0.6em;
	background: url(../images/title/bg-contents-h2-4.gif) bottom right no-repeat #ffe7ca;
	color: #330000;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);
}

* html .main-contents h2{ background: #ffe7ca; } /* IE6 真似して置いてみた */

/*・・・ h2の赤番号 */
#main-contents h2.repo, 
#main-contents h2.repo1, 
#main-contents h2.repo2,
#main-contents h2.repo3,
#main-contents h2.repo4,
#main-contents h2.repo5,
#main-contents h2.repo6,
#main-contents h2.repo7,
#main-contents h2.repo8,
#main-contents h2.repo9,
#main-contents h2.repo10,
#main-contents h2.repo11,
#main-contents h2.repo12,
#main-contents h2.repo13,
#main-contents h2.repo14,
#main-contents h2.repo15,
#main-contents h2.repo16,
#main-contents h2.repo17,
#main-contents h2.repo18,
#main-contents h2.repo19,
#main-contents h2.repo20{
	padding: 2px 0 10px 36px;
	border: 0;
	background: none;
	box-shadow:none;
}

/*・・・ h2のまとめ */
#main-contents h2.matome,
#main-contents h2.matome2{
	background: none;
	box-shadow:none;
}



/*★★★H2タグ（黄色いタイトル）*/
#main-contents h2.ki{
	position: relative;
	margin: 0 0 1.0em;
	padding: 0.5em 0.5em 0.4em 0.5em;
	border-top: 3px solid #ffe500;
	border-bottom: 3px solid #ffe500;
	background: -moz-linear-gradient(top, #ffffff, #fffd71);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fffd71));
	color: #330000;
	font-size: 1.4em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:none;
}

* html .main-contents h2.ki{ background: #fffd71; } /* IE6 真似して置いてみた */

/*★★★640px以下では文字縮小*/
@media
only screen and (max-width : 640px){
#main-contents h2,
#main-contents h2.ki{ font-size:1.3em; }
}


/*★★★H3タグ*/
#main-contents h3{
	clear: both;
	margin: 0em 0 1.4em 0.2em;
	padding: 0px 0 0px 21px;
	background: url(../images/title/bg-contents-h3.jpg) left top no-repeat;
	border-bottom: 2px solid #ffab2f;
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
	color: #40210f;
}


#main-contents h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}



/*・・・ h2、h3ハワイ王朝ランキング */
#main-contents h2.ranking1, 
#main-contents h2.ranking2, 
#main-contents h2.ranking3, 
#main-contents h2.ranking4, 
#main-contents h2.ranking5, 
#main-contents h2.ranking6, 
#main-contents h2.ranking7, 
#main-contents h2.ranking8, 
#main-contents h3.ranking1, 
#main-contents h3.ranking2,
#main-contents h3.ranking3,
#main-contents h3.ranking4,
#main-contents h3.ranking5,
#main-contents h3.ranking6,
#main-contents h3.ranking7,
#main-contents h3.ranking8{
	margin: 0 0 0.5em;
	padding: 10px 0 16px 60px;
	font-size: 1.4em;
	border: 0;
	background: none;
	box-shadow:none;
}

/*・・・ h3の赤番号 */
#main-contents h3.repo, 
#main-contents h3.repo1, 
#main-contents h3.repo2,
#main-contents h3.repo3,
#main-contents h3.repo4,
#main-contents h3.repo5,
#main-contents h3.repo6,
#main-contents h3.repo7,
#main-contents h3.repo8,
#main-contents h3.repo9,
#main-contents h3.repo10,
#main-contents h3.repo11,
#main-contents h3.repo12,
#main-contents h3.repo13,
#main-contents h3.repo14,
#main-contents h3.repo15,
#main-contents h3.repo16,
#main-contents h3.repo17,
#main-contents h3.repo18,
#main-contents h3.repo19,
#main-contents h3.repo20,
#main-contents h3.repo21,
#main-contents h3.repo22,
#main-contents h3.repo23,
#main-contents h3.repo24,
#main-contents h3.repo25,
#main-contents h3.repo26,
#main-contents h3.repo27,
#main-contents h3.repo28,
#main-contents h3.repo29,
#main-contents h3.repo30,
#main-contents h3.repo31,
#main-contents h3.repo32,
#main-contents h3.repo33,
#main-contents h3.repo34,
#main-contents h3.repo35,
#main-contents h3.repo36,
#main-contents h3.repo37,
#main-contents h3.repo38,
#main-contents h3.repo39,
#main-contents h3.repo40{
	padding: 2px 0 10px 36px;
	border: 0;
	background: none;
	font-size: 1.2em;
}

/*・・・ h3のピンク番号 */
#main-contents h3.vo1, 
#main-contents h3.vo2,
#main-contents h3.vo3,
#main-contents h3.vo4,
#main-contents h3.vo5,
#main-contents h3.vo6,
#main-contents h3.vo7,
#main-contents h3.vo8,
#main-contents h3.vo9{
	padding: 0px 0 0px 25px;
	border: 0;
	background: none;
	font-size:1.2em;
}



/*★★★640px以下では文字縮小*/
@media
only screen and (max-width : 640px){
#main-contents h3,
#main-contents h3.ranking1, 
#main-contents h3.ranking2,
#main-contents h3.ranking3,
#main-contents h3.ranking4,
#main-contents h3.ranking5,
#main-contents h3.ranking6,
#main-contents h3.ranking7,
#main-contents h3.ranking8
#main-contents h3.repo1, 
#main-contents h3.repo2,
#main-contents h3.repo3,
#main-contents h3.repo4,
#main-contents h3.repo5,
#main-contents h3.repo6,
#main-contents h3.repo7,
#main-contents h3.repo8,
#main-contents h3.repo9,
#main-contents h3.repo10,
#main-contents h3.repo11,
#main-contents h3.repo12,
#main-contents h3.repo13,
#main-contents h3.repo14,
#main-contents h3.repo15,
#main-contents h3.repo16,
#main-contents h3.repo17,
#main-contents h3.repo18,
#main-contents h3.repo19,
#main-contents h3.repo20,
#main-contents h3.repo21,
#main-contents h3.repo22,
#main-contents h3.repo23,
#main-contents h3.repo24,
#main-contents h3.repo25,
#main-contents h3.repo26,
#main-contents h3.repo27,
#main-contents h3.repo28,
#main-contents h3.repo29,
#main-contents h3.repo30{ font-size:1.2em; }
}




/*●H4タグ*/
#main-contents h4{
	margin: 0 0 1.5em 0.5em;
	padding: 0.2em 0.4em;
	border-left: 10px solid #ef8bc3;
	font-weight: bold;
	font-size: 1.2em;
}


#main-contents h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

/*・・・H2,H3,H4タグ ホテルマーク */
#main-contents h2.hotel1,
#main-contents h3.hotel1,
#main-contents h4.hotel1{
	border: 0;
	background: none;
	box-shadow:none;
}

/*・・・ h4の赤番号 */
#main-contents h4.repo, 
#main-contents h4.repo1, 
#main-contents h4.repo2,
#main-contents h4.repo3,
#main-contents h4.repo4,
#main-contents h4.repo5,
#main-contents h4.repo6,
#main-contents h4.repo7,
#main-contents h4.repo8,
#main-contents h4.repo9,
#main-contents h4.repo10,
#main-contents h4.repo11,
#main-contents h4.repo12,
#main-contents h4.repo13,
#main-contents h4.repo14,
#main-contents h4.repo15,
#main-contents h4.repo16,
#main-contents h4.repo17,
#main-contents h4.repo18,
#main-contents h4.repo19,
#main-contents h4.repo20,
#main-contents h4.repo21,
#main-contents h4.repo22,
#main-contents h4.repo23,
#main-contents h4.repo24,
#main-contents h4.repo25,
#main-contents h4.repo26,
#main-contents h4.repo27,
#main-contents h4.repo28,
#main-contents h4.repo29,
#main-contents h4.repo30{
	margin: 0 0 0 0.5em;
	padding: 5px 0 10px 36px;
	border: 0;
	background: none;
}

/*・・・ h3 h4 h5 装飾なし、太・大・ピンク */
#main-contents h3.pink-title,
#main-contents h4.pink-title,
#main-contents h5.pink-title{
	clear: none;
	color: #e3007f!important;
	border: 0;
	background: none;
	font-size: 1.2em;
	margin: 0 0 1.0em 0em;
	padding: 0em 0em 0em;
}


/*★★★640px以下では文字縮小*/
@media
only screen and (max-width : 640px){
#main-contents h4{ font-size:1.1em; }
}




/*●H5タグ*/
#main-contents h5{
	margin: 0 0 1.5em 0.7em;
	padding: 0.2em 0.7em 0.2em;
	background:#ffffda;
	border-top: 1px solid #dae000;
	border-bottom: 1px solid #dae000;
	font-weight: bold;
	font-size: 1.07em;
}

#main-contents h5.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

/*・・・H5タグ 装飾と文字の長さが同じ */
#main-contents h5.same{
	display:inline-block;
}


/*・・・ h5の赤番号 */
#main-contents h5.repo, 
#main-contents h5.repo1, 
#main-contents h5.repo2,
#main-contents h5.repo3,
#main-contents h5.repo4,
#main-contents h5.repo5,
#main-contents h5.repo6,
#main-contents h5.repo7,
#main-contents h5.repo8,
#main-contents h5.repo9,
#main-contents h5.repo10,
#main-contents h5.repo11,
#main-contents h5.repo12,
#main-contents h5.repo13,
#main-contents h5.repo14,
#main-contents h5.repo15,
#main-contents h5.repo16,
#main-contents h5.repo17,
#main-contents h5.repo18,
#main-contents h5.repo19,
#main-contents h5.repo20,
#main-contents h5.repo21,
#main-contents h5.repo22,
#main-contents h5.repo23,
#main-contents h5.repo24,
#main-contents h5.repo25,
#main-contents h5.repo26,
#main-contents h5.repo27,
#main-contents h5.repo28,
#main-contents h5.repo29,
#main-contents h5.repo30{
	padding: 5px 0 10px 36px;
	border: 0;
	background: none;
	font-size: 1.2em;
}






/*★★サブタイトル　h1タイトルの下に補足説明など、上に点線付*/

.sub {
	clear: both;
	padding-top:5px;
	margin-top:5px;
	font-size: 0.7em;
	border-top: 1px dashed #993300;
	display:block;
	width:98%;
    color:#993300;
}





/*★★★H2,H3,H4 ー ホテルマークアイコン付*/
#main-contents h2.hotel1,
#main-contents h3.hotel1,
#main-contents h4.hotel1{
	clear: both;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 20px 45px;
	background: url(../images/icon/icon-hotel.gif) 0px top no-repeat;
	font-size: 1.35em;
	font-weight: bold;
	color: #40220f;
}



/*●段落タグ*/
#main-contents p{ margin-bottom: 1.5em; }


/*●リストタグ*/
#main-contents ul,
#main-contents ol{
	margin: 0 0.8em 1.5em 1.7em;
	padding: 0;
}

#main-contents li{
	margin-bottom: 0.5em;
	line-height: 1.5em;
}



/*★★★アイコンーオレンジ丸（リストタグ）*/
.i-or1 ul{
	margin-top: -10px;
	margin-bottom: 10px;
}

.i-or1 li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0 10px 20px;
	list-style-type: none;
	line-height: 1.4em;
	background-image: url(../images/icon/icon1.jpg);
}

.i-or1 li li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	padding: 0px 0 5px 10px;
	list-style-type: none;
	line-height: 1.4em;
	background-image: url(../images/icon/icon-menu04.gif);
}

/*★★★アイコンーオレンジ丸　リスト間小さめ　トップなど（リストタグ）*/
.i-or2 ul{
	margin-top: -10px;
	margin-bottom: 10px;
}

.i-or2 li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0 0px 20px;
	list-style-type: none;
	line-height: 1.3em!important;
	background-image: url(../images/icon/icon1.jpg);
}

.i-or2 li li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	padding: 0px 0 0px 20px;
	list-style-type: none;
	line-height: 1.3em;
	background-image: url(../images/icon/icon-menu07.gif);
}

.i-or2 li li.m10-sita{
	padding-bottom: 10px!important;
}



/*★★★アイコンーオレンジ丸  インデントなし／リスト間15px（リストタグ）*/
.i-or3 ul{
	margin-top: -10px;
	margin-bottom: 10px;
}

.i-or3 li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0 15px 20px!important;
	list-style-type: none;
	line-height: 1.3em!important;
	margin-left: -12px;
	background-image: url(../images/icon/icon1.jpg);
}


/*★★★アイコンーオレンジ丸  まとめなど（リストタグ）*/
.i-or4 ul{
	margin-top: -10px;
	margin-bottom: 10px;
}

.i-or4 li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0 15px 20px!important;
	list-style-type: none;
	line-height: 1.5em!important;
	background-image: url(../images/icon/icon1.jpg);
}

.i-or4 li p{
	margin-bottom: 5px!important;
}

.i-or4 li li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	padding: 0px 0 0px 10px!important;
	list-style-type: none;
	line-height: 1.5em!important;
	background-image: url(../images/icon/icon-menu04.gif);
}


/*★★★アイコンー緑クリップ（リストタグ）*/
.i-gr1 li{
	display: outline;
	padding: 0px 0 0px 28px;
	margin: 0 0 30px 0px;
	list-style-type: none;
	background: url(../images/icon/icon-clip1.gif) no-repeat;
}

.i-gr1 li p{
	margin-bottom: 5px!important;
}

.i-gr1 li li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	padding: 0px 0 0px 20px;
	list-style-type: none;
	line-height: 1.3em;
	background-image: url(../images/icon/icon-menu07.gif);
}



/*●アイコンー黄緑ー○ （リストタグ）*/
.i-green ul{
	margin-top: -10px;
	margin-bottom: 10px;
}

.i-green li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0 10px 23px!important;
	list-style-type: none;
	background-image: url(../images/icon/icon3.gif);
}


.i-green li li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0 0px 14px!important;
	margin-bottom: 12px!important;
	list-style-type: none;
	line-height: 1.4em!important;
	background-image: url(../images/icon/icon-menu06.gif);
}


.i-green li li li{
	display: outline;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0 0px 17px!important;
	margin-top: 6px;
	list-style-type: none;
	line-height: 1.3em!important;
	background-image: url(../images/icon/icon-menu07.gif);
}

.i-green li li li p{
	margin-bottom: 10px!important;
}



/*●ナンバーピンク（リストタグ）*/
.n-p1, .n-p2, .n-p3, .n-p4, .n-p5, .n-p6, .n-p7, .n-p8, .n-p9, .n-p10, .n-p11, .n-p12, .n-p13, .n-p14, .n-p15 {
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0 15px 27px!important;
	list-style-type: none;
	padding-top: 0px;
}
.n-p1 {
	background-image: url(../images/icon/vo1.gif);
}
.n-p2 {
	background-image: url(../images/icon/vo2.gif);
}
.n-p3 {
	background-image: url(../images/icon/vo3.gif); 
}
.n-p4 {
	background-image: url(../images/icon/vo4.gif); 
}
.n-p5 {
	background-image: url(../images/icon/vo5.gif); 
}
.n-p6 {
	background-image: url(../images/icon/vo6.gif); 
}
.n-p7 {
	background-image: url(../images/icon/vo7.gif); 
}
.n-p8 {
	background-image: url(../images/icon/vo8.gif); 
}
.n-p9 {
	background-image: url(../images/icon/vo9.gif); 
}
.n-p10 {
	background-image: url(../images/icon/vo10.gif); 
}
.n-p11 {
	background-image: url(../images/icon/vo11.gif); 
}
.n-p12 {
	background-image: url(../images/icon/vo12.gif); 
}
.n-p13 {
	background-image: url(../images/icon/vo13.gif); 
}
.n-p14 {
	background-image: url(../images/icon/vo14.gif); 
}
.n-p15 {
	background-image: url(../images/icon/vo15.gif); 
}




/*★★ナンバー赤（リストタグ）*/
.n-r1, .n-r2, .n-r3, .n-r4, .n-r5, .n-r6, .n-r7, .n-r8, .n-r9 {
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px 0 15px 36px!important;
	list-style-type: none;
	padding-top: 0px;
}
.n-r1 {
	background-image: url(../images/icon/icon-repo01.gif);
}
.n-r2 {
	background-image: url(../images/icon/icon-repo02.gif);
}
.n-r3 {
	background-image: url(../images/icon/icon-repo03.gif); 
}
.n-r4 {
	background-image: url(../images/icon/icon-repo04.gif); 
}
.n-r5 {
	background-image: url(../images/icon/icon-repo05.gif); 
}
.n-r6 {
	background-image: url(../images/icon/icon-repo06.gif); 
}
.n-r7 {
	background-image: url(../images/icon/icon-repo07.gif); 
}
.n-r8 {
	background-image: url(../images/icon/icon-repo08.gif); 
}
.n-r9 {
	background-image: url(../images/icon/icon-repo09.gif); 
}


/*●ナンバー青（リストタグ）*/
.n-b1, .n-b2, .n-b3, .n-b4, .n-b5, .n-b6, .n-b7, .n-b8, .n-b9, .n-b10, .n-b11 {
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px 0 15px 36px!important;
	list-style-type: none;
	padding-top: 0px;
}
.n-b1 {
	background-image: url(../images/icon/icon-blue01.gif);
}
.n-b2 {
	background-image: url(../images/icon/icon-blue02.gif);
}
.n-b3 {
	background-image: url(../images/icon/icon-blue03.gif); 
}
.n-b4 {
	background-image: url(../images/icon/icon-blue04.gif); 
}
.n-b5 {
	background-image: url(../images/icon/icon-blue05.gif); 
}
.n-b6 {
	background-image: url(../images/icon/icon-blue06.gif); 
}
.n-b7 {
	background-image: url(../images/icon/icon-blue07.gif); 
}
.n-b8 {
	background-image: url(../images/icon/icon-blue08.gif); 
}
.n-b9 {
	background-image: url(../images/icon/icon-blue09.gif); 
}
.n-b10 {
	background-image: url(../images/icon/icon-blue10.gif); 
}
.n-b11 {
	background-image: url(../images/icon/icon-blue11.gif); 
}


/*●ナンバー○数字（リストタグ）*/
.n-ma1, .n-ma2, .n-ma3, .n-ma4, .n-ma5, .n-ma6, .n-ma7, .n-ma8, .n-ma9, .n-ma10 {
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 0 2px 22px!important;
	list-style-type: none;
	padding-top: 0px;
	line-height: 1.3em!important;
}
.n-ma1 {
	background-image: url(../images/icon/ma1.gif);
}
.n-ma2 {
	background-image: url(../images/icon/ma2.gif);
}
.n-ma3 {
	background-image: url(../images/icon/ma3.gif); 
}
.n-ma4 {
	background-image: url(../images/icon/ma4.gif); 
}
.n-ma5 {
	background-image: url(../images/icon/ma5.gif); 
}
.n-ma6 {
	background-image: url(../images/icon/ma6.gif); 
}
.n-ma7 {
	background-image: url(../images/icon/ma7.gif); 
}
.n-ma8 {
	background-image: url(../images/icon/ma8.gif); 
}
.n-ma9 {
	background-image: url(../images/icon/ma9.gif); 
}
.n-ma10 {
	background-image: url(../images/icon/ma10.gif); 
}


/*●ステップ　小ピンク（リストタグ）*/
.n-st1, .n-st2, .n-st3, .n-st4, .n-st5, .n-st6 {
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0 20px 70px!important;
	list-style-type: none;
	padding-top: 0px;
	line-height: 1.6em!important;
}
.n-st1 {
	background-image: url(../images/icon/st1.gif);
}
.n-st2 {
	background-image: url(../images/icon/st2.gif);
}
.n-st3 {
	background-image: url(../images/icon/st3.gif); 
}
.n-st4 {
	background-image: url(../images/icon/st4.gif); 
}
.n-st5 {
	background-image: url(../images/icon/st5.gif); 
}
.n-st6 {
	background-image: url(../images/icon/st6.gif); 
}




/*★★★H3 ー ハワイ王朝の王冠でランキング（もし増やすなら、上のH3の欄にも加える）*/
.ranking1, .ranking2,.ranking3,.ranking4,.ranking5,.ranking6,.ranking7,.ranking8{
	padding-top: 10px!important;
	padding-bottom: 16px;
	padding-left: 60px!important;
	font-size: 1.4em;
	font-weight: bold;
	color: #40220f;
}

.ranking1 {
	background: url(../images/icon/oukan-1.gif) left top no-repeat!important;
}
.ranking2 {
	background: url(../images/icon/oukan-2.gif) left top no-repeat!important;
}
.ranking3 {
	background: url(../images/icon/oukan-3.gif) left top no-repeat!important;
}
.ranking4 {
	background: url(../images/icon/oukan-4.gif) left top no-repeat!important;
}
.ranking5 {
	background: url(../images/icon/oukan-5.gif) left top no-repeat!important;
}
.ranking6 {
	background: url(../images/icon/oukan-6.gif) left top no-repeat!important;
}
.ranking7 {
	background: url(../images/icon/oukan-7.gif) left top no-repeat!important;
}
.ranking8 {
	background: url(../images/icon/oukan-8.gif) left top no-repeat!important;
}


/*★★★カテゴリーバック色付き文字アイコン*/
.cat1, .cat2,.cat3,.cat4,.cat5,.cat6,.cat7,.cat8,.cat9,.cat10{
	float: none;
	overflow: hidden;
	width: 6em;
	height: 1.5em;
	padding: 0.1em 0.3em 0;
	margin-left: 2px;
	background: #666;
	color: #fff;
	font-size: 0.858em;
	text-align: center;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	clear: none;
	width: auto;
}

.cat1 { background: #68d0ef; }
.cat2 { background: #f8b551; }
.cat3 { background: #76c6a6; }
.cat4 { background: #c490bf; }
.cat5 { background: #ff9da6; }
.cat6 { background: #b5b5b5; }
.cat7 { background: #c9a063; }
.cat8 { background: #f06671; }
.cat9 { background: #ccdf00; }
.cat10 { background: #ea8a33; }


/*★★★バック色付き文字アイコン　楕円のアールをもう少し大きく*/
.daen-orange, .daen-pink, .daen-green, .daen-purple, .daen-brown, .daen-blue, .daen-yellow{
	overflow: hidden;
	width: 6em;
	height: 1.5em;
	padding: 0.2em 0.5em 0em;
	background: #666;
	color: #40210f;
	font-size: 1em;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: auto;
}

.daen-orange { background: #fbd389; }
.daen-pink { background: #f6c2c8; }
.daen-green { background: #c2f09e; }
.daen-purple { background: #dacbef; }
.daen-brown { background: #d8d0c3; }
.daen-blue { background: #bdf3ff; }
.daen-yellow { background: #fff19c; }






/*●引用タグ*/
#main-contents q{
	margin: 0 2px;
	padding: 0 8px;
	background: #efefef;
}

#main-contents blockquote{
	overflow: auto;
	margin: 0 1em 1.5em;
	padding: 1em;
	border: 3px solid #ddd;
	background: #efefef;
	color: #444;
}


/*●テーブルタグ*/
#main-contents table{
	margin-bottom: 1.5em;
	padding: 0;
	border-top: 1px solid #959595;
	border-left: 1px solid #959595;
}

/*「table」の1行目に「colspan」を利用する場合は「auto」を指定する*/
/*#main-contents table{ table-layout: auto; }*/

#main-contents th,
#main-contents td{
	padding: 0.5em;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

#main-contents th{
	background-color: #fef6d5;
	font-weight: bold;
	text-align: left;
}


/*●テーブルタグ スタイル01*/
#main-contents table.table-style01 th,
#main-contents table.table-style01 td{
	text-align: left;
	vertical-align: top;
}


/*●最新情報（リストタグ）*/
#main-contents ul.news{
	margin: 0 0 3.5em;
	padding: 0;
	padding-bottom: 0;
}

#main-contents ul.news li{
	margin-bottom: 1em;
	padding: 0 1em 1em;
	border-bottom: 1px dotted #414141;
	line-height: 1.4em;
	list-style: none;
}


/*●最新情報（定義タグ）*/
#main-contents dl.news{
	margin: 0;
	margin-bottom: 3.5em;
	padding: 0;
}

#main-contents dl.news dt{
	float: left;
	width: 9em;
	margin: 0;
	padding: 0;
	padding-left: 1em;
}

/*最新情報のアイコン設定*/
#main-contents dl.news dd.cat{
	float: left;
	overflow: hidden;
	width: 6em;
	height: 1.5em;
	padding: 0.1em 0.3em 0;
	border-bottom: none;
	background: #666;
	color: #fff;
	font-size: 0.858em;
	text-align: center;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#main-contents dl.news dd{
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 16.5em;
	border-bottom: 1px dotted #414141;
}

/*●最新情報2（定義タグ）*/
#main-contents dl.news02{
	margin: 0;
	margin-bottom: 3.5em;
	padding: 0;
}

#main-contents dl.news02 dt{
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0;
	padding-left: 1em;
	font-weight: bold;
}

#main-contents dl.news02 dd{
	margin: 0 0 0.5em 0;
	padding: 0 1em 0.8em 1em;
	border-bottom: 1px dotted #414141;
}

#main-contents dl.news02 dd.cat{
	margin: 0;
	padding: 0 1em 0.5em 1em;
	border: 0;
}

#main-contents dl.news02 dd.cat ul{
	margin: 0;
	padding: 0;
	/zoom : 1;
}

#main-contents dl.news02 dd.cat ul:after{ content : ''; display : block; clear : both; height:0; }

#main-contents dl.news02 dd.cat li{
	clear: none;
	overflow: hidden;
	float: left;
	height: 1.5em;
	margin-right: 0.5em;
	padding: 0.1em 0.7em 0;
	background: #333;
	color: #fff;
	font-size: 0.858em;
	text-align: center;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*カテゴリの文字数が多い場合はコメントアウトを解除*/
/*#main-contents dl.news dd.cat{
	clear: none;
	width: auto;
}

#main-contents dl.news dd{
	clear: both;
	padding: 0 1em 0.8em 1em;
}*/

#main-contents dl.news dd.cat,
#main-contents dl.news02 dd.cat{ font-weight: bold; }
#main-contents dl.news dd.cat.color01,
#main-contents dl.news02 dd.cat .color01{ background: #68d0ef; }
#main-contents dl.news dd.cat.color02,
#main-contents dl.news02 dd.cat .color02{ background: #f8b551; }
#main-contents dl.news dd.cat.color03,
#main-contents dl.news02 dd.cat .color03{ background: #b3d465; }
#main-contents dl.news dd.cat.color04,
#main-contents dl.news02 dd.cat .color04{ background: #c490bf; }
#main-contents dl.news dd.cat.color05,
#main-contents dl.news02 dd.cat .color05{ background: #ff9da6; }
#main-contents dl.news dd.cat.color06,
#main-contents dl.news02 dd.cat .color06{ background: #b5b5b5; }




/*●定義タグ スタイル01（エリアが左右に分かれるパターン３）*/
#main-contents dl.dl-style01{
	margin: 0 0 3.5em;
	padding: 0;
}

#main-contents dl.dl-style01 dt{
	float: left;
	width: 9em;
	margin: 0;
	padding: 0 0 0 1em;
}

#main-contents dl.dl-style01 dd{
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 10em;
}

/*★★★定義タグ スタイル02 （左右にエリアが分かれている配置・両替用のページネーションに。右をwidth: 33%に、スマホで回り込まない設定に）*/
#main-contents dl.dl-style02{
	margin: 0;
	padding: 0;
}

#main-contents dl.dl-style02 dt{
	float: left;
	width: 33%;
	margin: 0;
	padding: 0 0 0 1em;
}

#main-contents dl.dl-style02 dd{
	margin: 0;
	padding: 0 1em 0em 10em;
}




/*●定義タグ スタイルbox1（囲み枠、タイトル付き）*/
#main-contents  dl.dl-style-box1{
	margin-bottom: 3em;
	padding: 0;
	border: 1px solid #777;
	border-top: 0;
	background-color: #ece5d9;
}

#main-contents dl.dl-style-box1 dt{
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-weight: bold;
}

#main-contents dl.dl-style-box1 dd{
	margin: 0;
	padding: 0.8em 1.0em 0.1em 1.0em;
	background-color: #fff;
}


/*●定義タグ スタイルbox2（囲み枠、タイトル付き　ピンク）*/
#main-contents  dl.dl-style-box2{
	margin-bottom: 3em;
	padding: 0;
	border: 1px solid #aaa;
	border-top: 0;
	background-color: #f6d1d6;
}

#main-contents dl.dl-style-box2 dt{
	margin: 0;
	padding: 0.2em 0.5em 0em 0.5em;
	border-top: 1px solid #aaa;
}

#main-contents dl.dl-style-box2 dd{
	margin: 0;
	padding: 0.9em 0.3em 0.05em 0.5em;
	background-color: #fff;
}

#main-contents dl.dl-style-box2 p{
	margin: 10px 5px 10px 5px;
}

#main-contents dl.dl-style-box2 ul,
#main-contents dl.dl-style-box2 ol{
	margin: 5px 5px 5px 20px;
}

#main-contents dl.dl-style-box2 ol{ padding-left: 15px!important; }
#main-contents dl.dl-style-box2 li{
	list-style-position: outside;
	margin: 5px;
	line-height: 1.5em;
}

/*★★ボックスエリア（シンプル - タイトル太字）*/
#main-contents div.box{
	margin: 0 0 30px 0;
	border: 1px solid #aaa;
	
}

#main-contents .box .title{ 
	margin: 0 10px;
	padding: 5px 0;
	font-size: 115%;
	font-weight: bold;
}

#main-contents .box p{
	margin: 10px 5px 10px 5px;
}

#main-contents .box ul,
#main-contents .box ol{
	margin: 5px 5px 5px 40px;
}

#main-contents .box ol{ padding-left: 15px!important; }
#main-contents .box li{
	list-style-position: outside;
	margin: 5px;
	line-height: 1.3em;
}


/*★★Lサイズ写真枠*/
#main-contents div.box-ph{
  clear: both;
   background: #ece5d9;
   width: 100%;
   height: 100%;
   text-align: center;
   margin-bottom: 3px;
}


/*★★Lサイズ写真枠 ピンク*/
#main-contents div.box-ph-pink{
  clear: both;
   background: #fdece7;
   width: 100%;
   height: 100%;
   text-align: center;
   margin-bottom: 3px;
}



/*●チェックリスト（リストタグ）*/
#main-contents ul.checklist{
	margin: 0 0 1.5em;
	padding: 1em;
	padding-bottom: 0;
	border: 1px solid #414141;
}

#main-contents ul.checklist li{
	margin-bottom: 1.5em;
	padding-top: 5px;
	padding-left: 24px;
	background: url(../images/icon/icon-check01-red.png) left top no-repeat;
	list-style-type: none;
}


/*●戻る＆進むリンク*/
.link-next,
.link-back,
.link-next02,
.link-back02{ clear: both; }

.link-next,
.link-next02,
.link-next03,
.link-next04{ text-align: right; }

.link-back,
.link-back02,
.link-back03,
.link-back04{ text-align: left; }

.link-next a,
.link-next03 a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_r.png) 0 7px no-repeat;
}
.link-back a,
.link-back03 a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_l.png) 0 7px no-repeat;
}

.link-next02 a,
.link-next04 a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_r-yellow.png) 0 7px no-repeat;
}

.link-back02 a,
.link-back04 a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_l-yellow.png) 0 7px no-repeat;
}



/*●段組み*/
.box-wrap .box-l{
	float: left;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa; /*boxの枠線の指示*/
}

.box-wrap .box-r{
	float: right;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa;
}

#main-contents .box-wrap .title{
	margin-bottom: 1.5em;
	background-color: #ece5d9; /*boxのタイトルの背景色*/
}

#main-contents .box-wrap .title p{
	margin: 0 10px;
	padding: 5px 0;
	color: #46210c;
}

#main-contents .box-wrap .navy2 a{
	padding: 3px 3px;
	color: #1c2787;
}

#main-contents .box-wrap .navy2 a:hover,
#main-contents .box-wrap .navy2 a:active{
	color: #ff6600;
}




/*★ページネーション1 番号のリンク・センター配置
（cont-menu01のカスタマイズ）*/
#main-contents .number-menu1{
	position: relative;
	overflow: hidden;
	width: 100%;
}

#main-contents .number-menu1 ul{
	position: relative;
	left: 50%;
	float: left;
	margin-left: 0px;
}

#main-contents .number-menu1 li{
	position: relative;
	left: -50%;
	float: left;
	margin-right: 10px;
	background-color: #f1f1f1;
	list-style: none;
}

#main-contents .number-menu1 li:last-child{ margin-right: 0; }

#main-contents .number-menu1 li.now{
	padding: 3px 5px;
	border: 1px solid #e1e1e1;
	background-color: #f8b62d;
	font-weight: bold;
}

#main-contents .number-menu1 li a{
	display: block;
	padding: 3px 5px;
	border: 1px solid #e1e1e1;
}

#main-contents .number-menu1 li a:link,
#main-contents .number-menu1 li a:visited{ background-color: transparent; }

#main-contents .number-menu1 li a:hover,
#main-contents .number-menu1 li a:active{
	background-color: #f8b62d;
	color: #6a3906;
	font-weight: bold;
}

#main-contents .text-field{ width: 90%; }


/*★3 センター配置
（cont-menu01のカスタマイズ）*/
#main-contents .number-menu3{
	position: relative;
	overflow: hidden;
	width: 100%;
}

#main-contents .number-menu3 ul{
	position: relative;
	left: 50%;
	float: left;
	margin-left: 0px;
}

#main-contents .number-menu3 li{
	position: relative;
	left: -50%;
	float: left;
	margin-right: 10px;
	background-color: #fff;
	list-style: none;
}

#main-contents .number-menu3 li:last-child{ margin-right: 0; }


#main-contents .number-menu3 li a{
	display: block;
	padding: 3px 5px;
}


#main-contents .number-menu3 li a:hover,
#main-contents .number-menu3 li a:active{
	background-color: #fbd381;
	color: #6a3906;
}

#main-contents .text-field{ width: 90%; }



/*★★★ページネーション2 番号のリンク（左寄せ）*/
#main-contents .number-menu2{
	position: relative;
	width: 100%;
}

#main-contents .number-menu2 ul{
	position: relative;
	float: left;
	margin-left: 10px;
}

#main-contents .number-menu2 li{
	position: relative;
	float: left;
	margin-right: 10px;
	background-color: #f1f1f1;
	list-style: none;
}

#main-contents .number-menu2 li:last-child{ margin-right: 0; }

#main-contents .number-menu2 li.now{
	padding: 3px 5px;
	border: 1px solid #e1e1e1;
	background-color: #f8b62d;
	text-align: center;
}

#main-contents .number-menu2 li a{
	display: block;
	padding: 3px 5px;
	border: 1px solid #e1e1e1;
}

#main-contents .number-menu2 li a:link,
#main-contents .number-menu2 li a:visited{ background-color: transparent; }

#main-contents .number-menu2 li a:hover,
#main-contents .number-menu2 li a:active{
	background-color: #f8b62d;
	color: #6a3906;
	font-weight: bold;
}

#main-contents .text-field{ width: 90%; }





/*★サイトマップ*/
#main-contents .sitemap li{ list-style: none; }

#main-contents .sitemap li a{
	display: block;
	padding: 3px 0 3px 24px;
	background: url(../images/icon/yashi.gif) 0 2px no-repeat;
	font-size: 1.19em;
	font-weight: bold;
}

#main-contents .sitemap ul{ 
	margin-top: 1em;
	margin-left: 1em;
 }

#main-contents .sitemap li li a{
	padding: 12px 0 8px 30px;
	border-left: none;
	background: url(../images/icon/icon5.jpg) 0 8px no-repeat;
	font-weight: bold;
	font-size: 1.17em;
}


#main-contents .sitemap li li li a{
	padding: 0 0 0 15px;
	border-left: none;
	background: url(../images/icon/icon-menu02.png) 0 6px no-repeat;
	font-weight: normal;
	font-size: 1.0em;
}

#main-contents .sitemap li li li.oya{
	margin:20px 0 0 -10px;
	padding: 0 0 0 15px;
	border-left: none;
	background: url(../images/icon/icon-menu03.png) 0 6px no-repeat;
	font-weight: normal;
	font-size: 1.0em;
}






/*●Twitterウィジェット用*/
#main .twtr-widget{ margin-bottom: 15px; }

#main .twtr-doc{ margin: auto; }

#main .twtr-hd h3,
#main .twtr-hd h3{
	clear: none;
	width: auto;
	border: 0;
	background: none;
}


/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

#sub-contents,
#sidebar,
#sub-contents dd,
#sidebar dd{
	margin: 0;
	padding: 0;
}

* html #sub-contents,
* html #sidebar{ overflow: hidden; }

#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{ display: none; }

.sub-column{ font-size: 1.2em;}

.sub-column li{ list-style: none; }

/*★★サブコンテンツのリストタグ（よく読まれている記事など）*/
.sub-column .kiji li{
	display: block;
	padding: 8px 10px 0px 15px;
	background: url(../images/icon/icon-menu02.png) 2px 15px no-repeat;
	color: #444;
	font-size: 1.14em;
}


/*●コンテンツ*/
.sub-column .contents{
	margin-bottom: 1.5em;
	padding: 0.5em;
}

.sub-column hr{ clear: both; }

.sub-column h3{
	padding: 0.7em;
	background: url(../images/title/bg-sub-h3.png) #fcf1ad;
	border-top: 3px solid #ff9900; /*見出しの上部の線*/
	color: #413a1d; /*見出し文字の色*/
	font-weight: bold;
	font-size: 1.1em;
}

* html .sub-column h3{ background: #fcf1ad; } /* IE6 */

.sub-column .contents h3{
	margin: -0.5em;
	margin-bottom: 1em;
}

/*●プロフィール*/
.sub-column .profile-img img{
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

.sub-column .profile-txt p{ margin-bottom: 1em; }

.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img{
	float: left;
	padding-right: 20px;
}


/*●サイドメニュー*/
.sub-column .side-menu{ margin: 0; }

.sub-column .side-menu li{ list-style: none; }

.sub-column .side-menu li a{
	display: block;
	padding: 10px 10px 12px 15px;
	background: url(../images/icon/icon-menu02.png) 2px 15px no-repeat;
	color: #444;
}

.sub-column .side-menu li a:active,
.sub-column .side-menu li a:hover{
	background-color: #f9cfcc;
	color: #333;
}

.sub-column .side-menu ul{
	padding: 0;
	margin: 0;
}

.sub-column .side-menu ul ul{ padding: 0; }

.sub-column .side-menu li li{
	width: 95%;
	margin-bottom: 0;
	padding-left: 5%;
	border: 0;
}

.sub-column .side-menu li li a:link,
.sub-column .side-menu li li a:visited{
	padding: 6px 10px 6px 15px;
	border-left: none;
	background: url(../images/icon/icon-menu02.png) 2px 12px no-repeat;
}

.sub-column .side-menu li li a:active,
.sub-column .side-menu li li a:hover{ background: url(../images/icon/icon-menu02.png) 2px 12px no-repeat #f9cfcc; }




/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
/*●コピーライト*/
.copyright{
	padding: 15px 0;
	background: #f8c166;
	font-size: 1.2em;
	text-align: center;
}


/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	position: fixed;
	right: 20px;
	bottom: 0;
	z-index: 99;
	width: 185px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.0;
	text-align: left;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 20px 20px 15px 37px;
	border: 3px solid #fff;
	border-bottom: 0;
	text-decoration: none;
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-top-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-topleft: 30px;
}

.page-top a:link,
.page-top a:visited{
	background: url(../images/common/bg-pagetop.png) 15px 21px no-repeat #c8c8c8;
	color: #fff;
}

.page-top a:hover,
.page-top a:active{
	background: url(../images/common/bg-pagetop.png) 15px 21px no-repeat #f5d47c;
	color: #fff;
}


/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/

#main-contents .sb{
	width:100%;
	margin: 0;
	padding: 0;
}

#main-contents .sb li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	list-style: none;
}

* html #main-contents .sb li{
	float: left;
	width: 130px;
	list-style: none;
} /* IE6 */

*+html #main-contents .sb li{
	display: inline;
	list-style: none;
} /* IE7 */

#main iframe.twitter-share-button{ width: 100px!important; }


/*コメントナビ*/
.navigation .alignright{
	float: right;
}
.navigation .alignleft{
	float: left;
}

.navigation:after{ content : ''; display : block; clear : both; height:0; }
.navigation{
	margin-bottom: 30px;
	/zoom : 1;
}


/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#main-contents dl.dl-style01:after,
#main-contents dl.dl-style-box1:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .number-menu1:after,
#main-contents .number-menu2:after,
#main-contents .cont-menu02:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#top-in,
#header-in,
#global-nav-in #menu,
#main-in,
#main-and-sub,
.contents,
#main-contents dl.dl-style01,
#main-contents dl.dl-style-box1,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .number-menu1,
#main-contents .number-menu2,
#main-contents .cont-menu02,
.clearfix{ /zoom : 1; }


/*------------------------------------------------------------
★★★印は新規設定　　★はカスタマイズ
template created by web-rider
-------------------------------------------------------------*/