@charset "UTF-8";

/*
==================================================
スタイルの初期化
==================================================
*/

*{
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
div, p, h1, h2, h3, h4, h5, h6 {
	_zoom: 1;
	display: block;
	text-align: left;
}
img {
	border: 0;
}

:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
==================================================
基本スタイル
==================================================
*/
body {
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background-color: #FFF;
	color: #333;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, .title, dt {
	font-weight: 700;
}
.clear {
	clear: both;
	font-size: 1px;
}
/* リスト
==================================================
*/
ul {
	list-style: none url(../img/li.png) outside;
	padding: 10px 20px;
}
ol {
	list-style-type: decimal;
	padding: 10px 24px;
}
/* リンク
==================================================
*/
a { color: #007ACC; }
a:active {
	color: #007ACC;
	text-decoration: none;
}
a:hover img {
	background: none !important;
}
a img { background: none !important; }


/*
==================================================
全体
==================================================
*/

/* レイアウト
==================================================
*/
#wrapper {
	background-position: center top;
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: center;
}
#wrapper .inner {
	margin: 0 auto;
	text-align: center;
	width: 900px;
}
#contents {
	padding-bottom: 50px;
	position: relative;
}
#siteNavi {
	font-size: 12px;
	margin-bottom: 10px;
}

/* ページ上部へ戻る
==================================================
*/
#pagetop {
	bottom: 5px;
	clear: both;
	position: absolute;
	right: -5px;
	z-index: 5;
}
#pagetop a {
	background-image: url(../img/pagetop_button.png);
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 116px;
}

/* 検索ボックス
==================================================
*/
#searchbox {
	background-image: url(../img/search_input.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 12px;
	height: 26px;
	text-align: right;
	position: absolute;
	top: 10px;
	left:50%;
	width: 310px;
	margin-left: 140px;
}
#searchbox input {
	position: absolute;
	right: 10px;
	top: 0;
	vertical-align: middle;
}
#searchbox form {
	margin: 0;
	padding: 0;
}
#searchbox .skwd {
	border: 0 none;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	right: 81px;
	top: 3px;
	width: 226px;
}

/* 回り込み・回り込み解除
==================================================
*/
.txt-img {
}
.txt-img img{
	margin: 0 8px 8px 8px;
}
.center {
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}
.float-l { float: left;}
.float-r { float: right;}
.float-l img,
.float-r img {
	margin-bottom: 30px;
}
.float-l img { 
	margin-right: 30px;
}
.float-r img {
	margin-left: 30px;

}
.clear, .FloatEnd { clear: both }
/*
==================================================
トップ部分
==================================================
*/
/* トップ
==================================================
*/
#top {
	height:30px;
	text-align: center;
	margin-bottom:20px;
}
#top #logo, #top h1 {
	width:950px;
	margin: 0 auto;
	padding-left: 12px;
}
#top #logo a, #top h1 a {
	color: #34302f;
	font-size:14px;
	font-weight: normal;
}
#top #logo a img, #top h1 a img {
	vertical-align: middle;
}

/* ヘッダー
==================================================
*/
#header {
	background-image: url(../img/header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 300px;
	margin-bottom: 20px;
	text-align: left;
	width: 950px;
}
#header .title,
#header .desc {
	left: 30px;
	line-height: 130%;
	position: relative;
	top: 170px;
	width: 550px;
}
#header .title {
	font-size: 30px;
	font-weight: 700;
        padding-top:55px;
}
#header .title a {
	color: #6b3619;
	text-decoration: none;
}
#header .desc {
	font-size: 12px;
}
/* ぱんくず
==================================================
*/
.pankuzu {
	width:950px;
	margin:0 auto;
	font-size: 14px;
}
	
/* トップメニュー
==================================================
*/
*:first-child+html body {
padding-left: 1px;
}
#topmenu {
	background-image: url(../img/topmenu_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	left: 50%;
	margin-left: -450px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 241px;
	width: 900px;
}
#topmenu ul {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: 700;
	height: 53px;
	list-style: none none outside;
	overflow: hidden;
	padding: 0;
	position: relative;
}
#topmenu li {
	float: left;
	height: 50px;
	line-height: 50px;
	position:relative;
	right: -1px;
	width: 180px;
}
#topmenu li a {
	border-right: 1px solid #346CBA;
	color: #FFF;
	display: block;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
}
#topmenu li a:hover {
	background-image: url(../img/topmenu_li_bg.png);
	background-position: center top;
	background-repeat: repeat-x;
}
/*
==================================================
メインコンテンツ
==================================================
*/
/* 記事領域
==================================================
*/
#main {
	float: right;
	width: 635px;
}
#main .text, #text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #text11,#space1, #space2 {
	margin-bottom: 25px;
	overflow: hidden;
}

/* 見出し
==================================================
*/
#main h2, #main h3 {
	background-color: #F4F6FA;
	background-image: url(../img/footer_bg.png);
	background-position: left top;
	background-repeat: repeat;
	border: 1px solid #FF6980;
	margin-bottom: 20px;
	overflow: hidden;
	line-height:1.3;
}
#main h2 span, #main h3 span {
	background-image: url(../img/h3.png) ;
	background-position: 5px center;
	background-repeat: no-repeat;
	color: #FFF;
	display: block;
	font-size: 32px;
	padding: 12px 10px 8px 60px;
}
#main .text h3, #text1 h3, #text2 h3, #text3 h3, #text4 h3, #text5 h3, #text6 h3, #text7 h3, #text8 h3, #text9 h3, #text10 h3, #space1 h3, #space2 h3 {
	margin-top: 20px;
}
#main h4 {
	background: url(../img/h4_bg.png) bottom repeat-x;
	background-color: #faefbe;
	margin: 20px auto 10px;
}
#main h4 span {
	color: #6b3619;
	display: block;
	font-size: 26px;
	padding: 13px 12px;
}
#main h5 {
	background:url(../img/h5.png) no-repeat 0 4px;
	color: #e76b25;
	font-size: 20px;
	line-height: 150%;
	margin: 20px auto 10px;
	padding-left:23px;
}
#main h6 {
	color: #e76b25;
	margin: 5px auto;
	padding: 2px 0;
	text-decoration:underline;
}
#main .atn02 {
	background-color: #FFFCE1;
	border: 1px solid #FFCF10;
	margin-top: 20px;
	overflow: hidden;
	padding: 8px 15px;
}
#main .atn02 span {
	background-image: url(../img/atn_02.png);
	background-position: left -1px;
	background-repeat: no-repeat;
	color: #ED2F04;
	font-weight: bold;
	display: block;
	padding: 1px 0 1px 30px;
}

/*
==================================================
サイドメニュー
==================================================
*/
/* メニュー
==================================================
*/
#menu {
	float: left;
	overflow: hidden;
	width: 215px;
}
#menu ul#newEntry, #menu ul #entryarchive, #rmenu ul#newEntry, #rmenu ul#entryarchive {
	display: block;
	line-height: 140%;
	list-style: none none outside;
	padding: 10px 5px;
}
#menu .rankbox {
	background-color: #F9F9F9;
	font-size: 12px;
	line-height: 150%;
	margin-bottom: 20px;
	padding: 10px;
}
#menu .rankbox img {
	width: 185px;
}
.menubox {
	background-color: #FFF;
	margin-bottom: 20px;
}
.menulist {
	background-color: #fff1f1;
	padding: 2px 5px 5px;
	overflow: hidden;
}
.menulist ul {
	border-top: 1px solid #EBEBEB;
	list-style: none none outside;
	padding: 0;
}
.menulist li {
	background-color: #FFF;
	border-bottom: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
}
.menulist li a {
	background-image: url(../img/menu_bg.png);
	background-position: 10px 12px;
	background-repeat: no-repeat;
	color: #14509E;
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 130%;
	overflow: hidden;
	padding: 10px 10px 10px 30px;
	text-decoration: none;
	*zoom: 1;
}
.menulist li a:active {
	background-color: #F3F6FA;
	color: #14509E;
	position: static !important;
	text-decoration: underline;
}
.menulist .l2 a {
	background-image: url(../img/menu_bg2.png);
	background-position: 20px 14px;
	font-weight: normal;
	padding-left: 32px;
}
.menulist .l3 a {
	background-image: url(../img/menu_bg2.png);
	background-position: 30px 14px;
	font-weight: normal;
	padding-left: 42px;
}
#menu .title, #rmenu .title, #menu h4, #rmenu h4 {
	background-image: url(../img/menu_h4_bg_b.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	overflow: hidden;
	padding-bottom: 3px;
}
#menu .title span, #rmenu .title span, #menu h4 span, #rmenu h4 span {
	background-image: url(../img/footer_bg.png);
	background-position: center top;
	color: #FFF;
	display: block;
	padding: 8px 12px 7px;
	position: relative;
}

/* バナー領域
==================================================
*/
.bannerbox {
	background-color: #FFF;
	margin-bottom: 10px;
}
.bannerbox ul {
	list-style: none none outside;
	padding: 5px;
}
.bannerbox li {
	margin-bottom: 5px;
}
.bannerbox li a {
	font-size: 15px;
}
.bannerbox li a img {
	vertical-align: bottom; 
}
/* 最新記事・アーカイブ
==================================================
*/
ul#newEntry li, ul#entryarchive li {
	background-image: url(../img/menu_bg2.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	list-style-image: none;
	list-style-type: none;
	padding-left: 12px;
	margin-bottom: 8px;
}

/*
==================================================
フッター
==================================================
*/
#footer {
	background-image: url(../img/wrapper_bg.png);
	background-position: center top;
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: center;
}
#footer .inner {
	background-color: #f09293;
	background-position: center top;
	background-repeat: repeat-x;
	color: #333;
	font-size: 14px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}
#footer a {
	color: #78401e;
}
#footer p {
	color:#78401e;
	overflow: hidden;
	padding: 10px 0 20px 0;
	text-align: center;
}
#footlink {
	display: table;
	font-size: 0;
	letter-spacing: -.40em;
	line-height: 0;
	margin: 0 20px;
	padding-top: 10px;
	text-align: center;
	width: 860px;
}
#footlink span {
	border-left: 1px solid #BFBFBF;
	display: inline-block;
	margin-bottom: 5px;
	margin-left: -1px;
	*margin-left: -2px;
	*display: inline;
	*zoom: 1;
}
#footlink a {
	background-color: #F8F8F8;
	border-right: 1px solid #BFBFBF;
	display: inline-block;
	letter-spacing: normal;
	line-height: 1;
	font-size: 12px;
	padding: 0 15px;
	*display: inline;
	*zoom: 1;
}
#footsub {
	padding: 10px 0 0 0 !important;
}
#footsub a {
	color: #FFF;
	margin: 0 15px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}



#footermenu {
	text-align: center;
	padding: 0 10px;
}

#footermenu span {
	margin: 0;
	padding: 0 10px;
}

#footermenu a {
	background-image: url(../img/menu_bg2.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 10px;
}


/*
==================================================
トップページ
==================================================
*/
#whatsnew {
	border: 1px solid #E0E0E0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(http://www.dialoguewithislam.org/css/PIE.htc);
	margin-bottom: 10px;
	position: relative;
}
#whatsnew .title {
	border-bottom: 1px solid #E0E0E0;
	color: #5C5C5C;
	font-size: 16px;
	overflow: hidden;
}
#whatsnew .title p {
	background-color: #F3F3F3;
	background-image:url(../img/whatsnew_title_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(http://www.dialoguewithislam.org/css/PIE.htc);
	position: relative;
}
#whatsnew .title span{
	background-image:url(../img/whatsnew_title.png);
	background-position: 12px 11px;
	background-repeat: no-repeat;
	border: 2px solid #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(http://www.dialoguewithislam.org/css/PIE.htc);
	display: block;
	padding: 7px 10px 7px 39px;
	position: relative;
}
#whatsnew ul {
	list-style: none none outside;
	padding: 9px;
}
#whatsnew ul li {
	border-bottom: 1px dotted #CDCDCD;
	font-size: 12px;
	padding: 8px 10px;
}
#whatsnew ul li span {
	background-image: url(../img/menu_bg3.png);
	background-position: left 8px;
	background-repeat: no-repeat;
	display: block;
	padding-left: 12px;
}



/*
==================================================
カテゴリーページ
==================================================
*/
#categorylist {
	padding-top: 10px;
}
#categorylist .catbox {
	margin-bottom: 40px;
	overflow: hidden;
	padding: 0 5px;
	_height: 1%;
}
#categorylist .thumb {
	float: left;
	padding: 0 20px 10px 10px;
}
#categorylist .thumb img {
	vertical-align: bottom;
}
#categorylist p {
	line-height: 135%;
	padding: 0 10px;
}
#categorylist .more {
	float: right;
	margin-top: 10px;
	padding-right: 10px;
	_height: 1%;
}
#categorylist .more a {
	background-image: url(../img/button_more2.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 18px;
}
#categorylist .title {
	background-color: #F7FAFC;
	background-image: url(../img/category_title_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	border-bottom: 1px dotted #E5ECF6;
	border-top: 1px solid #14509E;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
	overflow: hidden;
}
#categorylist .title a {
	background-image: url(../img/category_title.png);
	background-position: 13px 13px;
	background-repeat: no-repeat;
	display: block;
	padding: 9px 10px 9px 40px;
}
#pagelist {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
}
#pagelist li {
	display: inline;
	list-style-type: none;
}
#pagelist a {
	background-color: #EBEBEB;
	color: #595959;
	display: inline-block;
	padding: 2px 10px;
	text-align: center;
	text-decoration: none;
	width: 20px;
}
#pagelist a:active {
	background-color: #14509E;
	color: #FFF;
}
/*
==================================================
エントリーページ
==================================================
*/
#entrylist {
	background-color: #F9F9F9;
	margin-bottom: 20px;
	padding: 0 10px 10px;
}
#entrylist .inner {
	overflow: hidden;
	text-align: left;
}
#entrylist h4 {
	background-color: #F9F9F9;
	border-bottom: none;
	margin: 0;
	padding: 12px 10px 12px 8px;


}
#entrylist h4 span {
	background: url(../img/entry_title.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	border-bottom: none;
	color: #5C5C5C;
	display: block;
	font-size: 16px;
	padding: 0 0 0 32px;
}
#entrylist dl {
	background-color: #FFF;

	font-size: 12px;
	overflow: hidden;
}
#entrylist dt {
	padding: 10px 15px 5px 0;
}
#entrylist dt a {
	background: url(../img/category_title.png);
	background-position: 10px 4px;
	background-repeat: no-repeat;
	display: inline-block;
	font-weight: 700;
	line-height: 150%;
	padding: 2px 0 2px 30px;
	*display: inline;
	*zoom: 1;
}
#entrylist dd {
	border-bottom: 1px dotted #CDCDCD;
	line-height: 150%;
	padding: 0 15px 10px 30px;
}
#searchresult {
	margin-bottom: 25px;
	overflow: hidden;
	padding: 5px;
}
#pagemenu {
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
#pagemenu span a {
	font-size: 14px;
	font-weight: 700;
	margin-left: 10px;
	margin-right: 10px;
	width: 150px;
}
/*
==================================================
サイトマップページ
==================================================
*/
#sitemaps ul {
	margin: 0;
	padding: 5px 15px;
}
#sitemaps li {
	background-image: url(../img/menu_bg2.png);
	background-position: left 9px;
	background-repeat: no-repeat;
	list-style-image: none;
	list-style-type: none;
	padding-left: 12px;
}
#sitemaps .l1 {
	font-size: 16px;
	font-weight: 700;
	margin-top: 8px;
}
#sitemaps .l2 {
	font-size: 12px;
	margin-left: 25px;
}
#sitemaps .l3 {
	font-size: 12px;
	margin-left: 50px;
}
/*
==================================================
フリースペース
==================================================
*/
#space1, #space2 { margin-bottom: 25px }
#space3, #space4, #space5, #space6 {
	line-height: 130%;
	padding: 5px;
}
/*
==================================================
ブログモード
==================================================
*/
.blog {
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 10px;
}
.blog .thumb {
	float: left;
	margin-right: 15px;
}
.blog .thumb img { width: 125px; }
.blog .title {
	color: #333;
	font-size: 15px;
	line-height: 140%;
	margin-bottom: 5px;
}
.blog .title a { color: #333; }
.blog .info {
	color: #666;
	margin-bottom: 5px;
}
.blog .info a { color: #666; }
.blog .body {
	line-height: 150%;
	overflow: hidden;
}
.blog .more {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: right;
}

/*
==================================================
サイト内検索
==================================================
*/
#searchresult dd {
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	line-height: 130%;
	margin: 0 0 10px;
	padding-bottom: 15px;
}
#searchresult dt { font-size: 14px; }

/*
==================================================
ポイント
==================================================
*/
#main .point1, #main .point2, #main .point3, #main .point4, #main .point5, #main .point6, #main .point7, #main .point8, #main .point9, #main .point10 {
	background-position: left top;
	background-repeat: no-repeat;
	color: #e76a24;
	font-size: 21px;
	font-style: italic;
	font-weight: 700;
	height: auto;
	line-height: 140%;
	margin-bottom: 3px;
	margin-top: 15px;
	padding: 8px 0 8px 50px;
	*zoom: 1;
}
.point1 { background-image: url(../img/point1.png); }
.point2 { background-image: url(../img/point2.png); }
.point3 { background-image: url(../img/point3.png); }
.point4 { background-image: url(../img/point4.png); }
.point5 { background-image: url(../img/point5.png); }
.point6 { background-image: url(../img/point6.png); }
.point7 { background-image: url(../img/point7.png); }
.point8 { background-image: url(../img/point8.png); }
.point9 { background-image: url(../img/point9.png); }
.point10 { background-image: url(../img/point10.png); }

/*
==================================================
ランキング
==================================================
*/

/* メインコンテンツ用ランキング
==================================================
*/
#main .point1, #main .point2, #main .point3, #main .point4, #main .point5, #main .point6, #main .point7, #main .point8, #main .point9, #main .point10 { border: none; }
#main .rank1, #main .rank2, #main .rank3, #main .rank4, #main .rank5, #main .rank6, #main .rank7, #main .rank8, #main .rank9, #main .rank10 { border: none; height: auto; }
#main .rank {
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
#main .rank-container {
	background-color: #FCFCFC;
	border: 1px solid #E2E4E9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(http://www.dialoguewithislam.org/css/PIE.htc);
	padding: 10px 25px 20px;
	position: relative;
}
#main .rank-inner {
	overflow: hidden;
}
#main .rank1,#main .rank2,#main .rank3,#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{
	background-position: left 6px;
	background-repeat: no-repeat;
	border: medium none;
	color: #664421;
	font-size: 24px;
	height: auto;
	line-height: 130%;
	margin-bottom: 6px;
	margin-top: 6px;
	min-height: 20px;
}
#main .rank .rank1,#main .rank .rank2,#main .rank .rank3,#main .rank .rank4,#main .rank .rank5,#main .rank .rank6,#main .rank .rank7,#main .rank .rank8,#main .rank .rank9,#main .rank .rank10 {
	margin: 0;
}
#main .rank1,#main .rank2,#main .rank3{
	padding: 20px 0 20px 80px;
}
#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{
	padding: 20px 0 20px 70px;
}
.rank1 { background-image: url(../img/rank1.png); }
.rank2 { background-image: url(../img/rank2.png); }
.rank3 { background-image: url(../img/rank3.png); }
.rank4 { background-image: url(../img/rank4.png); }
.rank5 { background-image: url(../img/rank5.png); }
.rank6 { background-image: url(../img/rank6.png); }
.rank7 { background-image: url(../img/rank7.png); }
.rank8 { background-image: url(../img/rank8.png); }
.rank9 { background-image: url(../img/rank9.png); }
.rank10 { background-image: url(../img/rank10.png); }
#main .rankbox {
	overflow: hidden;
	padding: 5px 1px 0;
}
#main .rankbox .rankbox-inner {
	overflow: hidden;
}
#main .rankbox .feature {
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
#main .rankbox .feature span {
	background-color: #2C60AA;
	color: #FFF;
	display: block;
	font-weight: 700;
	padding: 3px 14px;
}
#main .rankbox .float-l img, #main .rankbox .float-r img {
	padding: 0 !important;
}
#main .rankbox .rankbox-inner p {
	color: #4E4E4E;
	font-size: 12px;
	line-height: 160%;
	overflow: hidden;
	padding-bottom: 10px;
}
#main .rankbox .rank-table {
	clear: both;
	font-size: 12px;
	width: 100%;
}
#main .rankbox .rank-table th, #main .rankbox .rank-table td {
	border: 1px solid #9FB5D4;
	padding: 5px;
	text-align: center;
	width: 33%;
	vertical-align: middle;
}
#main .rankbox .rank-table th {
	background-color: #E1ECFC;
	color: #14509E;
}
#main .rankbox .rank-table td {
	color: #4E4E4E;
}
#main .rank .comment {
	padding-top: 30px;
}
#main .rank .comment .comment-inner {
	background-color: #FFF;
	border: 3px solid #FFD970;
	padding: 4px 18px 5px 18px;
	position: relative;
}
#main .rank .comment .comment-tit {
	border-bottom: 1px dotted #FFD37F;
	margin-bottom: 10px;
}
#main .rank .comment .comment-tit span {
	background-image: url(../img/comment_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFBB00;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 130%;
	margin-left: -12px;
	padding: 14px 0 14px 62px;
	position: relative;
	*zoom: 1;
}
#main .rank .comment p {
	color: #4E4E4E;
	padding-bottom: 10px;
}
#main .rank .more {
	padding: 24px 0 5px;
	text-align: center;
}
#main .rank .more a img {
	margin: 5px 12px;
	vertical-align: bottom;
}

/* メニュー用ランキング
==================================================
*/
#menu .rank1,#menu .rank2,#menu .rank3,#menu .rank4,#menu .rank5{
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	color: #14509E;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	line-height: 130%;
	margin: 0;
	padding: 22px 0 12px 76px;
}
#menu .rank1 { background-image: url(../img/rank1.png); }
#menu .rank2 { background-image: url(../img/rank2.png); }
#menu .rank3 { background-image: url(../img/rank3.png); }
#menu .rank4 { background-image: url(../img/rank4.png); }
#menu .rank5 { background-image: url(../img/rank5.png); }

/*
==================================================
１カラムレイアウト
==================================================
*/
#column1 {
	text-align: center;
}
#column1 #menu, #column1 #main {
	float: none;
	width: auto;
}
#column1 #main {
	padding-bottom: 20px;
}
#column1 #menu .menulist ul {
	border-top: medium none;
	padding: 10px;
}
#column1 #menu li {
	background: none;
	border: none;
	display: inline;
	margin: 0;
	padding: 0;
	position: static;
	white-space: nowrap;
}
#column1 #menu li a , #column1 #menu #newEntry li a {
	background: none repeat scroll 0 0 transparent;
	border: none;
	color: #666;
	display: inline;
	font-weight: 400;
	margin: 0;
	text-decoration: underline;
}
#column1 #menu li a:active , #column1 #menu #newEntry li a:active {
	position: relative !important;
	text-decoration: none;
}
#column1 #menu li a, #column1 #menu li.l2 a, #column1 #menu li.l3 a {
	margin: 0 5px;
	padding: 0 5px;
}


/*
==================================================
２カラムレイアウト
==================================================
*/
#column2 {
	padding: 17px 15px 0;
	text-align: center;
}

/*
==================================================
３カラムレイアウト
==================================================
*/
#column3 {
	padding: 17px 15px 0;
	text-align: center;
}
#contents:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	font-size:0;
	line-height:0;
	visibility:hidden;
}
#contents {
	width:100%;
}
#column3 #layoutbox {
	background-position: left top;
	background-repeat: repeat-y;
	float: left;
	width: 635px;
}
#column3 #main {
	float: right;
	width: 400px;
}
#rmenu {
	float: right;
	overflow: hidden;
	width: 215px;
}
/*
==================================================
飾り枠
==================================================
*/

.txt-decbox1  .top{
	height: 14px;
	background-position: left top;
	background-image: url(../img/decbox1.png);
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
	padding: 0 50px 0px 50px;
}

.txt-decbox1  .body{
	width: 800px;
	_width: auto;
	background-image: url(../img/dec1_body.png);
	background-position: left center;
	background-repeat: repeat-y;
	margin: 0;
	padding: 10px 30px 10px 30px;
}
.txt-decbox1  .bottom{
	height:10px;
	background-image: url(../img/decbox1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}

.txt-decbox1 p {
	margin: 0;
	padding: 0px 10px;
}

.txt-decbox2  .top{
	height:6px;
	background-image: url(../img/decbox2.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0;
	padding: 0 50px 0px 50px;
}

.txt-decbox2  .body{
	width: 800px;
	_width: auto;
	background-image: url(../img/dec2_body.png);
	background-repeat: repeat-y;
	margin: 0;
	padding: 10px 30px 10px 30px;
}

.txt-decbox2  .bottom{
	height:10px;
	background-image: url(../img/decbox2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.txt-decbox2 p {
	margin: 0;
	padding: 0px 10px;
}
/*
==================================================
レイアウト切り替え用スタイル(後で削除)
==================================================
*/
#column1 #rmenu, #column2 #rmenu, #column1 #space3, #column1 #space4,#column1 .bannerbox,#column1 #submenu { display: none; }
#header { margin-bottom:20px; }
#header .desc {



}body{




}

#header{ height: 315px; }
#headerbox {height:300px; }
#header h2 ,#header .title {


}

#header h2 a, #header h2 a:visited,#header .title a,#header .title a:visited{}
#headertext {





}

#submenu img{
max-width:100%;
height:auto;
}
#topmenu{top: 341px;}
#main{ float: right; }
#column2 #menu,#column3 #menu{ float: left; }
#column3 #rmenu { float: right; }
#column3 #layoutbox { float: left; }
#column3 #main { float: right; }
/*
#wrapper{}
#topmenu{}
#threebox{}
#main{}
#menu{}
#rmenu{}
*/

/*
==================================================
オリジナルcss
==================================================
*/
/*ランキング1位*/
.oriRank1 {
	border:2px solid #f83c3c;
	margin-bottom:20px;
}
.oriRank1 .top {
	background:url(../img/rank1_title.png) no-repeat;
	color:#fb5e5e;
	font-size: 50px;
	font-weight:bold;
	text-align:center;
	height: 72px;
	padding-top:25px;
}
.oriRank1 .body {
	overflow:hidden;
	padding: 0 20px 20px 20px;
}
/*ランキング2位*/
.oriRank2 {
	border:2px solid #4c71fb;
	margin-bottom:20px;
}
.oriRank2 .top {
	background:url(../img/rank2_title.png) no-repeat;
	color:#63a4fb;
	font-size: 50px;
	font-weight:bold;
	text-align:center;
	height: 72px;
	padding-top:25px;
}
.oriRank2 .body {
	overflow:hidden;
	padding: 0 20px 20px 20px;
}
/*ランキング3位*/
.oriRank3 {
	border:2px solid #40ad4d;
	margin-bottom:20px;
}
.oriRank3 .top {
	background:url(../img/rank3_title.png) no-repeat;
	color:#40ad4d;
	font-size: 50px;
	font-weight:bold;
	text-align:center;
	height: 72px;
	padding-top:25px;
}
.oriRank3 .body {
	overflow:hidden;
	padding: 0 20px 20px 20px;
}
/*ランキングtitle*/
#main h3.oriRankTitle {
	background:url(../img/h3_rank_bg.png) no-repeat;
	border:none;
	color:#FFF;
	height: 67px;
	padding-left: 107px;
	padding-top: 30px;
	font-size: 30px;
}
#main .oriRankTitle02 {
	background:url(../img/014.png) no-repeat;
	height:393px;
	color:#333;
	font-size: 30px;
	padding: 45px 0px 0 65px;
	line-height:50px;
	display:block;
}
#main .waku{
	border:3px #aaa solid;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	padding:0 10px;
}
#main .oriRankTitle02 span {
}
/*ランキングul*/
ul.rankUl {
	list-style: none;
	background:none;
	margin-bottom:10px;
	padding:0;
	overflow:hidden;
}
ul.rankUl li {
	background:url(../img/rank_li.png) no-repeat;
	font-size:18px;
	color:#6b3619;
	padding-left: 32px;
	margin-bottom:12px;
}
/*素材風枠1*/
.oriFrame {
	background:url(../img/decbox_ori_top.png) no-repeat top;
	padding-top:20px;
	margin-bottom:20px;
	overflow:hidden;
}
.oriFrame dt.top {
	background:url(../img/decbox_ori_body.png) repeat-y;
}
.oriFrame dt span {
	background:url(../img/oriframe_h3bg.png) repeat-x bottom;
	display: block;
	color:#fc833b;
	font-size: 29px;
	padding: 20px;
	text-align:center;
	margin: 0 40px;
	line-height: 1.3;
}
.oriFrame .body {
	background:url(../img/decbox_ori_body.png) repeat-y ;
	padding: 10px 40px 20px 40px;
	overflow:hidden;
}
.oriFrame .btmImg {
	background:url(../img/decbox_ori_bttm.png) no-repeat ;
}
/*素材風枠2*/
.oriFrame2 {
	background:url(../img/ylwbox_bg.png) repeat;
	padding:20px;
	margin-bottom:20px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
/*バック矢印*/
.backYajirusi {
	background:url(../img/back_yajirusi.png) no-repeat center;
	min-height: 90px;
	margin-bottom:30px;
	text-align:center;
	text-shadow:
		-1px -1px #FFF,
		1px -1px #FFF,
		-1px 1px #FFF,
		1px 1px #FFF;
		padding-top: 20px;
}
.backYajirusi p {
	text-align:center;
	font-size:40px;
	color:#F00;
}

.bgpink{
	background-color:#fff1f1;
	padding:20px;
	display:block;
	margin:0 10px 20px;
}
.bgpink p{
	background-image: url(../img/under.png);
	line-height: 40px;
	margin: 0px;
}
#point01{
	float:left;
	width:445px;
	border-bottom:3px #CCC dotted;
	height:360px;
}
#point02{
	float:left;
	padding:10px;
	width:425px;
	border-bottom:3px #CCC dotted;
	border-left:3px #CCC dotted;
	background:url(../img/p004.jpg) no-repeat;
	background-position:left top;
	height:340px;
}
#point03{
	float:left;
	padding:10px;
	width:425px;
	background:url(../img/p005.jpg) no-repeat;
	background-position:left top;
}
#point04{
	float:left;
	padding:10px;
	width:425px;
	border-left:3px #CCC dotted;
	background:url(../img/p006.jpg) no-repeat;
}
.pointtitle{
	color:#e60012;
	font-weight:bold;
	font-size:30px;
	padding:13px 0 10px 80px;
}
.osusume{
	background:url(../img/p007.jpg) no-repeat;
	background-position:right bottom;
	background-color:#fff1f1;
	padding:20px;
	display:block;
	margin-bottom:20px;
}
.osusume li{
	list-style-image:url(../img/check.jpg);
	font-size:26px;
	line-height:0.9;
	list-style-position:inside;
}
.bgdarkpink{
	border:#f09293 8px double;
	background:#fff1f1;
	padding:20px;
	display:block;
	margin-bottom:20px;
}
/* 共通 */
.rank1,.rank2,.rank3,.rank4,.rank5,.point,.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{
	font-family: sans-serif;
	font-weight:bold;
	_zoom: 1;
	overflow: hidden;
}

h4{
	clear:none;
}

h4,h5,h6,ul,ol{
	_zoom: 1;
	overflow: hidden;
}

.lbg{
	line-height:140%;
}



/* ランキング */

.rank1,.rank2,.rank3,.rank4,.rank5 {
	background-repeat: no-repeat;
	height: 25px;
	font-size: 18px;
	margin:10px 0 15px 0;
	padding: 35px 0 5px 65px;
	color: #333;
	border-bottom:dotted 1px #666;
	clear: both;
}

.rank1{
	background-image: url(../img/rank1_a.gif);
}
.rank2{
	background-image: url(../img/rank2_a.gif);
}
.rank3{
	background-image: url(../img/rank3_a.gif);
}
.rank4{
	background-image: url(../img/rank4_a.gif);
}
.rank5{
	background-image: url(../img/rank5_a.gif);
}

/* ポイント */

.point1,.point2,.point3,.point4,.point5 ,.point6 ,.point7 ,.point8 ,.point9 ,.point10 {
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 46px;
	font-size: 16px;
	margin-top: 10px;
	padding-top: 14px;
	margin-bottom: 10px;
	border-bottom:dotted 2px #CCC;
	color: #3F3F3F;
	background-position: 4px top;
	clear: both;
}


.point {
	font-size: 15px;
	color: #333;
	background-image: url(../img/point.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
	margin-bottom: 5px;
	line-height:130%;
}

.point1{
	background-image: url(../img/point1.gif);
}
.point2{
	background-image: url(../img/point2.gif);
}
.point3{
	background-image: url(../img/point3.gif);
}
.point4{
	background-image: url(../img/point4.gif);
}
.point5{
	background-image: url(../img/point5.gif);
}
.point6{
	background-image: url(../img/point6.gif);
}
.point7{
	background-image: url(../img/point7.gif);
}
.point8{
	background-image: url(../img/point8.gif);
}
.point9{
	background-image: url(../img/point9.gif);
}
.point10{
	background-image: url(../img/point10.gif);
}


/* 矢印 */

.arrow_blue,.arrow_orange,.arrow_black,.arrow_red{
	background-repeat: no-repeat;
	font-weight: bold;
	line-height: 160%;
	font-size: 16px;
	background-position: left center;
	padding-left: 25px;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family:sans-serif;
	_zoom: 1;
	overflow: hidden;
}

.arrow_blue {
	background-image: url(../img/arrow_blue.gif);
}
.arrow_orange {
	background-image: url(../img/arrow_orange.gif);
}
.arrow_black {
	background-image: url(../img/arrow_black.gif);
}
.arrow_red {
	background-image: url(../img/arrow_red.gif);
}


/* 文字装飾 */

blockquote {
	font-size:12px;
	color:#666666;
	border: 2px dotted #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 15px;
	line-height: 130%;
}

.alert,.accept,.attention,.thint{
	font-size: 12px;
	line-height: 130%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 55px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-position:8px 3px;
}

.alert {
	background-color: #FFEFEF;
	background-image: url(../img/alert.png);
	background-repeat: no-repeat;
	color: #A2462F;
	border: 1px solid #FABDA7;
}

.accept {
	border: 1px solid #C2E39B;
	background-color: #EFFADA;
	background-image: url(../img/accept.png);
	background-repeat: no-repeat;
	color: #346F15;
}

.attention {
	border: 1px solid #FDE8A8;
	background-color: #FEF8E0;
	background-image: url(../img/attention.png);
	background-repeat: no-repeat;
	color: #804900;
}

.thint {
	border: 1px solid #C5D7ED;
	background-color: #EFF4FA;
	background-image: url(../img/thint.png);
	background-repeat: no-repeat;
	color: #2C4F7A;
}

 .user1,.user2 {
	font-size: 12px;
	line-height: 130%;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 12px 12px;
	background-color: #EFF4FA;
	border: 1px solid #C5D7ED;
	min-height: 70px;
	_height:70px;
	_zoom: 1;
	overflow: hidden;
}

 .user1{
	background-image: url(../img/user1.png);
}

 .user2{
	background-image: url(../img/user2.png);
}

.noimage{
	padding-left:12px;
	background-image: none;
	min-height:15px;
}
.ylw{
	background:url(../img/m-yellow.gif) repeat-x left bottom;
	color:#F00;
	font-weight:bold;
}

/* ボックス */

.nmlbox,.dottbox,.ylwbox,.graybg{
	padding:15px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear:both;
}

 .graybg{
	background-color:#f9f9f9;
	border-radius: 10px;
}

.dottbox{
	border:dotted 1px #666;
}
.nmlbox {
	border: 2px solid #CCCCCC;
}
.ylwbox {
	background-color: #FFFFD2;
	border: 2px solid #CC0000;
}


/* 水平線 */

.border1,.border2,.border3,.borderdot,.borderdot2{
	margin: 10px;
	padding: 0px;
	line-height: 1px;
	height: 1px;
	_zoom: 1;
	overflow: hidden;
}

.border1 {
	border-bottom:solid 1px #999;
}
.border2 {
	border-bottom:solid 1px #990000;
}

.border3 {
	border-bottom:solid 1px #003366;
}

.borderdot {
	border-top:dotted 1px #999;
}

.borderdot2 {
	border-top:dotted 2px #999;
}

.layout_l{
	float:left;
}

.layout_r{
	float:right;
}

.hd,.hd:hover,.hd:visited{
	color:#333;
	text-decoration:none;
}


/* 角丸 */

.rnd1{
	padding: 15px;
	margin: 15px auto 15px auto;
}

.rnd1{
	position:relative;
	z-index:1;
	padding: 15px;
	margin: 15px auto 15px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(css/PIE.htc);
}



.rbox1 {
	background-color: #f0f0f0;
	border: 1px solid #d7d7d7;
}

.rbox2 {
	background-color: #FFF;
	border: 2px solid #FF843F;
}

.rbox3 {
	background-color: #FFF;
}

.rbox4 {
	background-color: #F5F5F5;
}


/* シャドウ */

.shadow1,.shadow2,.shadow3{
	padding: 15px;
	margin: 15px auto 15px auto;
}

.shadow1{
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.shadow2{
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}


/* FAQ */

.question1 {
	font-size: 17px;
	font-weight: bold;
	line-height: 130%;
	margin: 15px auto 4px auto;
	padding: 5px 0 6px 50px;
	background-image: url(../img/q1.png);
	background-repeat: no-repeat;
	background-position: 10px top;
}

.answer1 {
	position:relative;
	font-size: 13px;
	line-height:140%;
	border:solid 1px #CCC;
	background-color:#F5F5F5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 5px auto 35px auto;
	padding: 20px 20px 20px 60px;
	background-image: url(../img/a1.png);
	background-repeat: no-repeat;
	background-position: 12px 18px;
	behavior: url(css/PIE.htc);
}

.question2 {
	font-size: 17px;
	font-weight: bold;
	line-height: 130%;
	margin: 20px auto 4px auto;
	padding: 5px 0 6px 50px;
	background-image: url(../img/q2.png);
	background-repeat: no-repeat;
	background-position: 10px top;
}

.answer2 {
	position:relative;
	font-size: 13px;
	line-height:140%;
	margin: 5px auto 15px auto;
	padding: 10px 10px 20px 50px;
	background-image: url(../img/a2.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	border-bottom:dotted 1px #CCC;
}



/* 吹き出し */

.bln{
	font-size:15px;
	line-height:130%;
	_zoom: 1;
	overflow: hidden;
	padding:0;
	margin: 0;
	color: #333333;
}

.b_body{
	margin:0;
	width:auto;
	padding:12px 19px;
	_zoom: 1;
	overflow: hidden;
}


.balloon1 .b_body{
	background-color:#F5F5F5;
	border:solid 1px #CCC;
}

.balloon2 .b_body{
	background-color:#FFF;
	border:solid 1px #CCC;
}

.balloon3 .b_body{
	background-color:#EBEBEB;
}

.balloon4 .b_body{
	background-color:#EAF1FF;
	border:solid 1px #6AA3F9;
}

.balloon5 .b_body{
	background-color:#FFEAEA;
	border:solid 1px #F96565;
}

.balloon6 .b_body{
	background-color:#FFF;
	border:solid 2px #CC0000;
}

.balloon7 .b_body{
	background-color:#FFF;
	border:solid 2px #0080B8;
}

.balloon8 .b_body{
	background-color:#FFF;
	border:solid 2px #FF8201;
}

.balloon9 .b_body{
	background-color:#FFF;
	border:2px solid #739221;
}



.bln .img-l{
	position:relative;
	z-index:100;
	background-image:url(../img/balloon.png);
	top: 18px;
	left:1px;
	float:left;
	width: 28px;
	height: 19px;
	margin:0;
}

.bln .img-r{
	position: relative;
	z-index:100;
	background-image:url(../img/balloon.png);
	top: 18px;
	right:1px;
	float:right;
	width: 28px;
	height: 19px;
	margin:0;
}
.bln .img-t{
	position: relative;
	z-index:100;
	background-image:url(../img/balloon.png);
	top:1px;
	left: 30px;
	width: 22px;
	height: 22px;
	float:none;
	margin:0;
}
.bln .img-b{
	position: relative;
	z-index:100;
	background-image:url(../img/balloon.png);
	bottom:1px;
	left: 30px;
	width: 22px;
	height: 22px;
	margin:0;
}


div.bln:after{height:0; visibility: hidden; content: ".";   display: block; clear: both;}
.balloon1 .img-b{ background-position: 0 0;} 
.balloon1 .img-l{ background-position: 0 -72px;} 
.balloon1 .img-r{ background-position: 0 -139px;} 
.balloon1 .img-t{ background-position: 0 -206px;} 
.balloon2 .img-b{ background-position: 0 -278px;} 
.balloon2 .img-l{ background-position: 0 -350px;} 
.balloon2 .img-r{ background-position: 0 -417px;} 
.balloon2 .img-t{ background-position: 0 -484px;} 
.balloon3 .img-b{ background-position: 0 -556px;} 
.balloon3 .img-l{ background-position: 0 -628px;} 
.balloon3 .img-r{ background-position: 0 -695px;} 
.balloon3 .img-t{ background-position: 0 -762px;} 
.balloon4 .img-b{ background-position: 0 -834px;} 
.balloon4 .img-l{ background-position: 0 -906px;} 
.balloon4 .img-r{ background-position: 0 -973px;} 
.balloon4 .img-t{ background-position: 0 -1040px;} 
.balloon5 .img-b{ background-position: 0 -1112px;} 
.balloon5 .img-l{ background-position: 0 -1184px;} 
.balloon5 .img-r{ background-position: 0 -1251px;} 
.balloon5 .img-t{ background-position: 0 -1318px;} 
.balloon6 .img-b{ background-position: 0 -1390px;bottom:2px;} 
.balloon6 .img-l{ background-position: 0 -1462px;left:2px;} 
.balloon6 .img-r{ background-position: 0 -1531px;right:2px;} 
.balloon6 .img-t{ background-position: 0 -1600px;top:2px;} 
.balloon7 .img-b{ background-position: 0 -1672px;bottom:2px;} 
.balloon7 .img-l{ background-position: 0 -1744px;left:2px;} 
.balloon7 .img-r{ background-position: 0 -1813px;right:2px;} 
.balloon7 .img-t{ background-position: 0 -1882px;top:2px;} 
.balloon8 .img-b{ background-position: -78px 0;bottom:2px;} 
.balloon8 .img-l{ background-position: -78px -72px;left:2px;}
.balloon8 .img-r{ background-position: -78px -141px;right:2px;}
.balloon8 .img-t{ background-position: -78px -210px;top:2px;}
.balloon9 .img-b{ background-position: -78px -282px;bottom:2px;} 
.balloon9 .img-l{ background-position: -78px -354px;left:2px;} 
.balloon9 .img-r{ background-position: -78px -423px;right:2px;} 
.balloon9 .img-t{ background-position: -78px -492px;top:2px;} 


/* フッターメニュー */
#footermenu{
	text-align:center;
	padding:6px;
}
@charset "UTF-8";



/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}

/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;

    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

/*リスト要素へのスタイルをリセットしています*/
ol, ul {
	list-style: none;
}

/*画像を縦に並べたときの余白を消します*/
img {
	vertical-align:top;
	font-size:0;
	line-height:0;
}

p {
	margin-bottom:1rem;
}

/*--- default */
html {
	font-size: 6.25%;
}
body {
	background: #FFF;
	color: #524845;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 16px;
	line-height: 1.6;
	margin:0 auto;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
a {
	color:#424AFF;
	text-decoration: underline;
}
a:active {
	color:#f7625d;
	text-decoration: underline;
}
.imgBd {
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	border: 3px solid #FFF;
-webkit-box-shadow: 0 0 2px 0 #B1B1B1; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 2px 0 #B1B1B1; /* Firefox用 */
	box-shadow: 0 0 2px 0 #B1B1B1; /* CSS3 */
}
.imgR,
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
.imgL,
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
.aligncenter {
	text-align: center;
	margin-bottom: 10px;
}
.flR {
	float: right;
}
.flL {
	float: left;
}
.imgEn {
	border-radius: 50%;
}
.mB10 {
	margin-bottom:10px;
}
.mB {
	margin-bottom:20px;
}
.mB30 {
	margin-bottom:30px;
}
.ovF {
	overflow:hidden;
	_zoom:1;
	margin-bottom: 30px;
    border-bottom: #ded9d9 1px solid;
}
.kirikae {
	margin-top: 40px;
	margin-bottom: 30px;
}
.bgColorYlw {
	background:#ffff77;
}
.bgColorRed {
	background:#fed6d5;
}
.bgPink {
	background: #ffeaf0;
	padding: 10px 0; 
}
a:hover img {
	opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-khtml-opacity: .60; /* Safari 1.x */
	-moz-opacity: .60; /* FF lt 1.5, Netscape */
}
.txtalLeft {
	text-align:left!important;
}
.txtalRight {
	text-align:right!important;
}
.center {
	text-align:center!important;
}
.pLR30 {
	padding-left:30px;
	padding-right: 30px;
}
.pR30 {
	padding-right:30px;
}
.half {
	width: 48%;
}


/*色を指定します*/

.mizu { color: #57c4e4; }
.blue { color: #4693e9; }
.pink { color: #ff5984; }
.ki { color: #f6be5d; }
.ao { color: #002255; }
.tya { color: #bd000e}
.gray { color: #3d3737}
.aka { color: #de5f6e; }
.akapink { color: #ec8282;}
.green { color: #4bb38f;}
.aomidori { color: #2ebab7;}
.enji { color: #9c2662;}
.ora { color: #e09e2b;}
.cha { color: #695647;}
.mura { color: #a1108b;}

/*文字を太くします*/
.b { font-weight: bold; }

/*下線を引きます*/
.u { text-decoration: underline; }

/*文字のフォントを指定します*/
.sz10 { font-size: 10rem; }
.sz11 { font-size: 11rem; }
.sz12 { font-size: 12rem; }
.sz13 { font-size: 13rem; }
.sz14 { font-size: 14rem; }
.sz16 { font-size: 16rem; }
.sz18 { font-size: 18rem; }
.sz20 { font-size: 20rem; }
.sz22 { font-size: 22rem; }
.sz24 { font-size: 24rem; }
.sz28 { font-size: 28rem; }
.sz32 { font-size: 32rem; }
.sz34 { font-size: 34rem; }
.sz38 { font-size: 38rem; }

.style01 {
	color:#ff0000;
	font-weight:bold;
	font-size: 20rem;
}
/*文字を装飾します*/
.line {
	background:url(../img/m-yellow.gif) bottom repeat-x;
}
/*明朝体を指定します*/
.min {
	font-family:'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , 'ＭＳ 明朝' , 'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese' , serif  /* Android では ゴシック体表示 */;
}
.switch {
	visibility: hidden;
}
/*===================全体============================*/
#wrapper {
}
.toph1 {
	background: #ff8ba9;
	height: 20px;
}
.toph1 h1 {
	width: 900px;
	margin: 0 auto;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
}

#main {
	width: 900px;
	overflow:hidden;
	margin: 0 auto;
	float: none;
}
header {
	background: url(../img/bg_003.png) repeat;
	border-top: 2px solid #FFF;
	margin: 0 auto 20px;
}
header .inner {
	margin: 0 auto;
	width: 900px;
}
header .inner p{
	background: #ffeaf0;
	text-align:center;
	font-size:22px;
	margin-top:20px;
}
.btn01{
	margin-bottom:20px;
}

.main2bg {
	/*background: url(../img/blog_bg.png) repeat;*/
	padding: 30px 0;
}
.main2 {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
}
.main2cont {
	background: #FFF;
	float: left;
	margin: 0px 20px;
	padding: 20px;
	width: 600px;
}
/*===frame枠===*/
.frameP,
.frameG,
.frameGSub,
.framemMatome,
.frameF {
	overflow: hidden;
	margin-bottom: 40px;
}
.frameP {
	border: 2px solid #febacb;
}
.frameG,
.frameGSub {
	border: 2px solid #cab16a;
}
.frameGSub {
	width: 436px;
}
.framemMatome {
	background: url(../img/matome_top.png) repeat-x top,
	url(../img/matome_bg.png) repeat;
	padding: 20px;
}
.framemMatomeIn {
	background: #FFF;
	padding: 10px 20px 20px 20px;
}
.frameInner {
	padding: 0 20px 20px 20px;
}
.frameF {
	background: #FFF;
	padding: 20px 20px 10px 20px;
	margin-top: 20px;
}
/*===要因===*/
.youin01{
	background:url(../img/pc_001.jpg) no-repeat 10px center;
}
.youin02{
	background:url(../img/pc_002.jpg) no-repeat 10px center;
}
.youin03{
	background:url(../img/pc_003.jpg) no-repeat 10px center;
}
.youin01,
.youin03{
	background-color:#fff0f4;
}
.youin02{
	background-color:#fffade;
}
.youin01,
.youin02,
.youin03{
	padding:20px 10px 20px 140px;
	margin-bottom:20px;
}
/*===方法===*/
.houhou{
	background:url(../img/bg_001.jpg) repeat;
}
.houhou_bg{
	background:url(../img/bg_002.jpg) repeat;
	margin:20px 0;
	padding:10px 15px;
}

/*===box===*/
.box {
	margin-bottom: 40px;
	overflow: hidden;
}
.boxBd,
.mizuBox,
.pinkBox {
	margin-bottom: 30px;
	padding: 20px 20px 10px 20px;
	overflow: hidden;
}

.boxBd {
	border: 3px solid #9dedff;
	border-radius: 10px;
}
.pointBox {
	background: url(../img/point_bg.png) repeat;
	position: relative;
	padding: 20px;
	margin-bottom: 20px;
}
.pointBox:before {
	content: "";
	background: url(../img/point_bg_right.png) no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	width: 27px;
	height: 41px;
}
.mizuBox {
	background: url(../img/bg_004.png);
}
.pinkBox {
	background: url(../img/bg_005.png);
}
.kasamasi {
	overflow: hidden;
	margin-bottom: 40px;
}
/*===rank===*/
.rank01 {
	overflow: hidden;
}
.rank01 .pointBox {
	float: right;
	width: 437px;
}

/*===ul===*/
ul.ulRank01,
ul.ulRank02,
ul.ulRank03,
ul.ulIconP,
ul.ulIconB {
	overflow: hidden;
	margin-bottom: 10px;
}
ul.ulRank01 li,
ul.ulRank02 li,
ul.ulRank03 li {
	padding-left: 35px;
	margin-bottom: 10px;
	min-height: 30px;
}
ul.ulRank01 li:nth-child(1) {
	background: url(../img/rank1_number01.png) no-repeat 0 5px;
}
ul.ulRank01 li:nth-child(2) {
	background: url(../img/rank1_number02.png) no-repeat 0 5px;
}
ul.ulRank01 li:nth-child(3) {
	background: url(../img/rank1_number03.png) no-repeat 0 5px;
}
ul.ulRank02 li:nth-child(1) {
	background: url(../img/rank2_number01.png) no-repeat 0 5px;
}
ul.ulRank02 li:nth-child(2) {
	background: url(../img/rank2_number02.png) no-repeat 0 5px;
}
ul.ulRank02 li:nth-child(3) {
	background: url(../img/rank2_number03.png) no-repeat 0 5px;
}
ul.ulRank03 li:nth-child(1) {
	background: url(../img/rank3_number01.png) no-repeat 0 5px;
}
ul.ulRank03 li:nth-child(2) {
	background: url(../img/rank3_number02.png) no-repeat 0 5px;
}
ul.ulRank03 li:nth-child(3) {
	background: url(../img/rank3_number03.png) no-repeat 0 5px;
}
ul.ulIconP li,
ul.ulIconB li {
	margin-bottom: 5px;
	padding-left: 15px;
}
ul.ulIconP li {
	background: url(../img/ul_iconp.png) no-repeat 0 8px;
}
ul.ulIconB li {
	background: url(../img/ul_iconb.png) no-repeat 0 8px;
}
ol {
	margin-bottom: 10px;
}
ol li {
	margin-bottom: 5px;
}



/*===table===*/
table {
	border-right:1px solid #818181;
	border-bottom:1px solid #818181;
	margin-bottom: 20px;
	width:100%;
	table-layout:fixed;
}
table th,
table td {
	padding:10px;
	vertical-align:middle;
	border-left:1px solid #818181;
	border-top:1px solid #818181;
}
table th {
	text-align:center;
	background: #EFEFEF;
}
table td {
	background: #FFF;

}	
table.hikaku td {
	text-align:center;
	height: 80px;
}
table.hikaku td img {
	max-width: 100%;
}
table.hikaku th {
	background: #FFE8EB;
}
table.hikaku td.trank01{
	background:url(../img/trank1.png) no-repeat center;
}
table.hikaku td.trank02{
	background:url(../img/trank2.png) no-repeat center;
}
table.hikaku td.trank03{
	background:url(../img/trank3.png) no-repeat center;
}

/*====title=====*/
.main2cont h2,
.blog h2 {
	color: #fe668b;
	padding-top: 30px;
	position: relative;
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 1.2;
}
.main2cont h2:before,
.blog h2:before {
	content:"";
	background: url(../img/h2_line.png);
	position: absolute;
	width: 630px;
	height: 17px;
	top: 0;
}
.main2cont h3 {
	color: #b79b4d;
	border-left: 10px solid #efe9d6;
	font-size: 26px;
	padding-left: 10px;
	margin-bottom: 20px;
	line-height: 1.2;
}
.ttl01,
#main .ttl01,
#main .ttl02,
#main .ttl03 {
	background: none;
	border: none;
	color: #524845;
	font-size: 24px;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
.ttl01,
#main .ttl01 {
	background-color: #F4F6FA;
    background-image: url(../img/footer_bg.png);
    background-position: left top;
    background-repeat: repeat;
    border: 1px solid #FF6980;
    margin-bottom: 20px;
    overflow: hidden;
    line-height: 1.3;
}
    
.ttl01 span,
#main .ttl01 span {
	background-image: url(../img/h3.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    color: #FFF;
    display: block;
    font-size: 32px;
    padding: 12px 10px 8px 60px;
}
.ttl02,
#main .ttl02 {
	color: #b79b4d;
	font-size: 30px;
	font-weight: bold;
}
.ttl03,
#main .ttl03 {
	border-bottom: 2px dotted #6F613C;
	color: #6F613C;
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#main .ttl02BoxR{
	float: right;
	width: 650px;
	padding-top: 20px;
}
.ttlKaizen,
#main .ttlKaizen {
	background:#ff5984; 
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 8px 20px 8px 100px;
	position: relative;
	margin-top: 10px;
}
.ttlKaizen span,
#main .ttlKaizen span {
	width: 119px;
	height: 73px;
	position: absolute;
	top: -10px;
	left: 10px;
}
.ttlbgP,
.ttlbgB,
.ttlbgO {
	border-radius: 10px;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 10px;
}
.ttlbgP {
	background:#ff89a8;
}
.ttlbgB {
	background:#57c4e4;
}
.ttlbgO {
	background:#ee8d2e;
	margin-right: 20px;
}
.ttlStep1,
.ttlStep2,
.ttlStep3 {
	color: #ee8d2e;
	font-size: 30px;
	font-weight: bold;
	padding-left: 150px;
}
.ttlStep1 {
	background: url(../img/step1.png) no-repeat;
}
.ttlStep2 {
	background: url(../img/step2.png) no-repeat;
}
.ttlStep3 {
	background: url(../img/step3.png) no-repeat;
}

/*============サイドバー============*/
.side {
	float: right;
	width: 200px;
	margin:0 10px;
}
.side h2.ttlSide {
	background: #fe668b;
	color: #FFF;
	font-size: 18px;
	padding: 6px 10px;
}
.side ul {
	overflow:hidden;
	
}
.side ul li {
	border-bottom: 1px dotted #fcd7e3;
	background:#fff;
	padding: 10px 10px;
}
.side ul li a {
	background: url(../img/pc_side_menu.png) no-repeat right center;
	color: #524845;
	display: block;
	padding-right: 20px;
}

/*===========footer============*/
footer {
	overflow: hidden;
}
footer .inner {
	position: relative;
	background: url(../img/footer_bg.png) repeat;
	color: #FFF;
	margin: 0 auto;
}
footer p,
footer p.homePage  {
	color: #ED4870;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}
footer p.homePage {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
footer p.homePage a {
	color: #FFF;
}
ul.ftMenu {
	overflow: hidden;
}
ul.ftMenu li {
	border-bottom: 1px solid #FFF;
	float: left;
	width: 50%;
	text-align: center;
}
ul.ftMenu li a {
	color: #FFF;
	display: block;
	padding: 10px 0 10px 10px; 
}
ul.ftMenu li:nth-child(2n-1) a {
	border-right: 1px solid #FFF;
}
/*===========page top============*/
.pageTop {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 10px;
}
/* ★fixedCss★ */
/*
==================================================
テーブル共通
==================================================
*/
table{
	width:100%;
	font-size:13px;
	margin:10px 0;
	border-collapse: collapse;
	border-spacing:0px;
}

th{
	background-color:#EBEBEB;
	padding:0;
}

td{
	background-color:#FFFFFF;
	padding:0;
}

table,td,th{
	border:solid 1px #CCC;
}

td,th{
	overflow: hidden;
}

table#toptbl,table#toptbl td,table#toptbl th{
   border:none;
}

#menu .ritem td,#rmenu .ritem td{border:none;}

.rtitle {
	height: 44px;
	text-align: center;
	overflow: hidden;
	padding: 4px;
}

.rimg {
	text-align: center;
}

.timg img{
	max-width:200px;
	height:auto;
}

.price {
	color: #CC0000;
	font-weight: bold;
}

.tdesc {
	text-align: left;
	vertical-align: top;
}


/*
==================================================
商品陳列型
==================================================
*/
.ritm{
	background-color:#FFFFFF;
	table-layout:fixed;
}
.ritm th,.ritm td{
	padding:6px;
	line-height: 120%;
	vertical-align:top;
	text-align: center;
}

/*
==================================================
特定取引法に関する表記
==================================================
*/
.tokusho {

}

.tokusho th, .tokusho td {
	padding: 8px;
}

.tokusho th {
	background-color: #E3E3E3;
	width: 30%;
}

/*
==================================================
商品説明
==================================================
*/
.ritm_desc {

}
.ritm_desc td {
	vertical-align: top;
	padding: 10px;
}
.ritm_desc .title {
	background-color: #EBEBEB;
	padding: 5px;
	margin-bottom: 8px;
	text-align:left;
	line-height:120%;
	font-family: 'HGP創英角ｺﾞｼｯｸUB', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
	font-weight:normal;
}

.ritm_desc .title a{
	color:#333;
}

.ritm_desc .title a:hover{
	color:#FF0000;
}

.ritm_desc .desc{
	padding:20px;
}

.ritm_desc .price {
	text-align: left;
	padding: 0px;
}
.ritm_desc .img {
	width: 20%;
}
.ritm_desc .more, .ritm_desc .price, .ritm_desc .review {
	line-height: 25px;
	height: 25px;
	margin-right: 5px;
	margin-left: 5px;
}


/*
==================================================
ランキングテーブル１
==================================================
*/

table.rnk1item {
	table-layout:auto;
}

.rnk1item td,.rnk1item th{
	border:none;
	border-bottom:dotted 1px #CCC;
}

.rnk1item th {
	background-color: #FFF;
	width: auto;
	padding:5px;
	vertical-align:middle;
}
.rnk1item td {
	background-color: #FFFFFF;
	vertical-align: top;
	font-size: 12px;
	line-height: 130%;
	padding: 15px 10px;
}
.rnk1item .ttitle {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 130%;
}

.rnk1item th, .rnk1item td {

}
.rnk1item .timg {
	width: auto;
	padding-top: 10px;
	vertical-align:middle;
}
.rnk1item .alt th, .rnk1item .alt td {

}

/*
==================================================
ランキングテーブル２
==================================================
*/
table.rnk2item {
	table-layout:auto;
}

.rnk2item .timg, .rnk2item .tdesc {
	padding: 8px;
	vertical-align: top;
}

.rnk2item th.ttitle {
	padding: 10px;
	text-align: left;
	font-size: 16px;
}

.rnk2item td.tdesc {
	width:100%;
}

.rnk2item td.timg {
	width:auto;
}

.rnk2item td.tdesc,.rnk2item td.timg {
	border:none;
}


.rnk2item .timg img {
	padding-bottom: 10px;
	height:auto;
}

.rnk2item .tdesc {
	line-height: 150%;
}

table.rnk2item table.ttable {
	width:101%;
	margin: 0px;
	padding: 0px;
	border:none;
	table-layout:fixed;
}

.ttable th, .ttable td {
	padding: 8px;
	line-height:130%;
	text-align: center;
	border:none;
	border-right:dotted 1px #CCC;
}

/*
==================================================
ランキングテーブル３
==================================================
*/

.rnk3item {
	table-layout:auto;
}
.rnk3item th {
	text-align: left;
	padding: 8px;
	font-size: 17px;
}
.rnk3item th img {
	vertical-align: bottom;
	margin-right: 6px;
}

.rnk3item td {
	padding: 10px;
	border:none;
}
.rnk3item td.timg {
	text-align: center;
	width: auto;
}



/*
==================================================
価格比較テーブル
==================================================
*/
.prc1item {
	table-layout:auto;
}

.prc1item th {
	padding: 6px;
	text-align: center;
}

.prc1item td {
	text-align: center;
	padding: 6px;
}
.prc1item td {
	text-align: center;
	padding: 6px;
}
.prc1item .alt td {
	background-color: #F5F5F5;
}

.prc1item .price {
	text-align: right;
	width: 100px;
	font-size:15px;
}

/*
==================================================
項目説明型
==================================================
*/
.dsc1item,.dsc2item {
	background-color: #CCCCCC;
	table-layout:fixed;
}
.dsc1item th, .dsc1item td,.dsc2item th, .dsc2item td {
	padding: 6px;
}

.dsc1item th{
	width:30%;
}

.dsc1item th , .dsc2item th {
	text-align: center;
}

.dsc1item td , .dsc2item td {
	vertical-align: top;
}

/*
==================================================
メニュー型
==================================================
*/
.tblmenu1item td {
	font-size: 12px;
	line-height: 130%;
	vertical-align:top;
	border:none;
}
.tblmenu1item td .ttitle {
	background-color: #EEEEEE;
	font-weight: bolder;
	padding: 7px;
	margin-bottom: 8px;
	font-size: 13px;
}
@charset "shift_jis";



/* 記事スタイル */

/*点線背景*/
.txt-border {
	background-image: url(../img/dott.gif);
	background-repeat: repeat;
	background-position: left top;
	font-size: 13px;
	line-height: 30px;
	margin: 10px;
	padding: 0 !important;
	border:none !important;
	box-shadow: none !important;
}
.txt-border p {
	font-size: 13px;
	line-height: 30px;
}
.txt-line  {
	border: 2px solid #CCCCCC;
}
.txt-yellowback {
	background-color: #FFF9DF;
	border: 2px solid #CC0000;
}
/*灰色背景*/
.txt-grayback {
	background-color: #e6e6e6;
	border: 3px solid #f6f6f6;
}
.txt-grayback .body {
	background-color: #F2F2F2;
}
/*カラー背景*/
.txt-colorback {
	background-color: #ffe591;
	border: 3px solid #fff8e1;
}
.txt-colorback .body {
	background-color: #fffcf2;
}
/*灰色枠*/
.txt-frame {
	background-image: url(../img/frame_l.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.txt-frame .top {
	background-image: url(../img/frame_t.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
	overflow: hidden;
}
.txt-frame .top_inner {
	background-image: url(../img/frame_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 7px;
}
.txt-frame .body {
	background-image: url(../img/frame_r.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding: 20px 25px;
	*zoom: 1;
}
.txt-frame .bottom {
	background-image: url(../img/frame_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
	overflow: hidden;
}
.txt-frame .bottom span{
	background-image: url(../img/frame_br.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 7px;
}
/*カラー枠*/
.txt-colorframe {
	background-image: url(../img/colorframe_l.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.txt-colorframe .top {
	background-image: url(../img/colorframe_t.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
	overflow: hidden;
}
.txt-colorframe .top_inner {
	background-image: url(../img/colorframe_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 7px;
}
.txt-colorframe .body {
	background-image: url(../img/colorframe_r.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding: 20px 25px;
	*zoom: 1;
}
.txt-colorframe .bottom {
	background-image: url(../img/colorframe_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
	overflow: hidden;
}
.txt-colorframe .bottom span{
	background-image: url(../img/colorframe_br.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 7px;
}
/*角丸枠*/
.txt-rndbox {
	background-image: url(../img/round_l.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border:none !important;
	box-shadow: none !important;
}
.txt-rndbox .top {
	background-image: url(../img/round_t.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	overflow: hidden;
}
.txt-rndbox .top_inner {
	background-image: url(../img/round_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 15px;
}
.txt-rndbox .body {
	background-image: url(../img/round_r.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding: 10px 25px;
	*zoom: 1;
}
.txt-rndbox .bottom {
	background-image: url(../img/round_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	overflow: hidden;
}
.txt-rndbox .bottom span{
	background-image: url(../img/round_br.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 15px;
}
/* 飾り枠用見出しリセット */
#main .txt-decbox1 h2,
#main .txt-decbox1 h3,
#main .txt-decbox1 h2 span,
#main .txt-decbox1 h3 span,
#main .txt-decbox2 h2,
#main .txt-decbox2 h3,
#main .txt-decbox2 h2 span,
#main .txt-decbox2 h3 span{
	margin:0 !important;
	background-image: none;
	padding:0;
	border:none;
	background-color:transparent;
	text-align:center;
	font-size:20px;
	line-height:1.3;
}

#main .txt-decbox1 h2:before,
#main .txt-decbox1 h3:before,
#main .txt-decbox2 h2:before,
#main .txt-decbox2 h3:before,
#main .txt-decbox1 h2:after,
#main .txt-decbox1 h3:after,
#main .txt-decbox2 h2:after,
#main .txt-decbox2 h3:after,
#main .txt-decbox1 h2 span:before,
#main .txt-decbox1 h3 span:before,
#main .txt-decbox2 h2 span:before,
#main .txt-decbox2 h3 span:before,
#main .txt-decbox1 h2 span:after,
#main .txt-decbox1 h3 span:after,
#main .txt-decbox2 h2 span:after,
#main .txt-decbox2 h3 span:after
{
	background:none;
	border:none;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	content:"";
	position: static !important;
	z-index: -1;
	line-height:0;
	display:none;
	background-color: #fffbee;
}

#text1.txt-decbox1, #text2.txt-decbox1, #text3.txt-decbox1, #text4.txt-decbox1, #text5.txt-decbox1, #text6.txt-decbox1, #text7.txt-decbox1, #text8.txt-decbox1, #text9.txt-decbox1, #text10.txt-decbox1 {
	background-color: #fffbee;
}

/*飾り枠1*/
.txt-decbox1 {
	background-color: #fffbee;
	background-image: url(../img/decbox_l.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.txt-decbox1 .top {
	background-image: url(../img/decbox_t.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:auto;
	padding:0;
}
.txt-decbox1 .top_inner {
	background-image: url(../img/decbox_r.gif);
	background-repeat: repeat-y;
	background-position: right top;
	}
.txt-decbox1 .top_inner .top_box {
	background-image: url(../img/decbox_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
	margin:0;
	min-height:36px;
}
#main .txt-decbox1 h2,
#main .txt-decbox1 h3
{
	display:block;
	line-height:120%;
	padding: 30px 60px 10px;
}

.txt-decbox1 .body{
	background-image: url(../img/decbox_r.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding: 10px 30px 0;
	width:auto;
	*zoom: 1;
}
.txt-decbox1 .bottom {
	background-image: url(../img/decbox_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	padding:0;
}
.txt-decbox1 .bottom span{
	background-image: url(../img/decbox_br.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 50px;
	margin:0;
}
/*飾り枠2*/
.txt-decbox2 {
	background-image: url(../img/decbox2_r.gif);
	background-position: right bottom;
	background-repeat: repeat-y;
}
.txt-decbox2 .top {
	background-image: url(../img/decbox2_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 16px 16px 0 0;
	height:auto;
}
.txt-decbox2 .top_inner {
	background-image: url(../img/decbox2_l.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
.txt-decbox2 .top_inner .top_box {
	background-image: url(../img/decbox2_t.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 16px;
	position: relative;
	top: -16px;
}
.txt-decbox2 .top_inner .top_box2 {
	background-image: url(../img/decbox2_t2.gif);
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	min-height:30px;
}

#main .txt-decbox2 h2 span,
#main .txt-decbox2 h3 span
{
	padding: 50px 14px 0;
}
.txt-decbox2 .body{
	background-image: url(../img/decbox2_l.gif);
	background-position: left bottom;
	background-repeat: repeat-y;
	margin-bottom: -20px;
	margin-right: 16px;
	overflow: hidden;
	padding: 0 14px 0 30px;
	position: relative;
	*zoom: 1;
}
.txt-decbox2 .bottom {
	background-image: url(../img/decbox2_br.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 60px;
}
.txt-decbox2 .bottom span{
	background-image: url(../img/decbox2_b.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 60px;
}

#main .txt-grayback, #main .txt-colorback, #main .txt-line, #main .txt-frame,#main .txt-colorframe ,#main .txt-rndbox {
	margin-top: 10px;
	margin-bottom: 10px;
}
#main .txt-grayback, #main .txt-colorback {
	padding: 1px;
}
#main .txt-grayback .body, #main .txt-colorback .body{
	padding: 20px;
	*zoom: 1;
}
#main .txt-frame, #main .txt-colorframe {
	padding: 0;
}
#main .txt-rndbox, #main .txt-decbox1, #main .txt-decbox2{
	padding: 0;	
}


/* 記事スタイル - 色差分 */

#main .txt-decbox1 .top h2 span,
#main .txt-decbox1 .top h3 span {
	color: #d77138;

}
#main .txt-decbox2 .top h2 span,
#main .txt-decbox2 .top h3 span {
	color: #d77138;

}

.hd{
	color: #333;
	text-decoration:none;
}

@media only screen and (min-width: 769px) {
.pcNone {
	display: none;
}
}