/* CSS Document */

@charset "shift_jis";
@import url("./css/tables.css");
@import url("./css/commonstyles.css");
/*
==================================================
スタイルの初期化
==================================================
*/
* {
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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, caption, tbody, tfoot, thead {
	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;
	max-width: 100%;
}
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
/*
==================================================
基本スタイル
==================================================
*/
body {
	background-color: #fff;
	background-image: url(img/body_bg.jpg);
	color: #333;
	font-size: 14px;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, .title, dt {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: 700;
	overflow:hidden;
}
h1, h2, h3, h4, h5, h6, .title { text-shadow: 0 1px 1px #CCC }
a { color: #1284BA }
a:active, a:focus { outline: 0 }
img {
	border: 0;
	max-width: 100%;
}
.clear {
	clear: both;
	font-size: 1px;
}
p {
	margin: 0 auto;
	width: auto;
}
a img { background: none !important }
a:hover img {
	-ms-filter: "alpha( opacity=60 )";
	background: none !important;
	filter: alpha(opacity=60);
	opacity: 0.6px;
}
/* リスト
==================================================
*/
#main ul,#main ol{
	margin:auto -3em 1em 0;
	padding:0;
	position:relative;
	left:-3em;
	overflow:hidden;
}
#main li{
	margin-top:0.25em;
	margin-bottom:0.25em;
}
#main ul ul,#main  ul ol,
#main ol ol,#main  ol ul{
	margin-left:1em;
	padding-left:0;
}
#main ul li,#main  ol li{
	margin-left:5em;
}
#main ul li{
	list-style-image:url(img/li.gif);	
}
#main ol li{
    list-style-type: decimal;
}
#main li li{
	margin-left:1em;
}
#main #whatsnew ul,#main #mainmenu ul,#main #sitemaps ul{
	margin:0;
	position:static;
	left:0;
}
#main #whatsnew ul li,#main #sitemaps ul li{
	list-style-image:none;
	margin:0;
}
/*
==================================================
全体
==================================================
*/
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
#wrapper .inner {
	width: 900px;
	text-align: center;
}
#contents .inner {
	background-image: url(img/contents_bg.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 30px;
}
.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 {
	margin-bottom: 10px;
	margin-right: 10px;
}
.float-r img {
	margin-bottom: 10px;
	margin-left: 10px;
}
.clear, .FloatEnd { clear: both }
#pageNavi {
	font-size: 12px;
	padding: 5px;
}
#pagetop {
	clear: both;
	font-size: 12px;
	text-align: right;
	width: 92px;
	float: right;
}
#pagetop a {
	background-image: url(img/pagetop_button.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 37px;
	display: block;
	color: #5d5d5d;
	padding-top: 40px;
	padding-right: 15px;
}
#searchbox {
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	position: absolute;
	text-align: right;
	top: 25px;
	width: 880px;
}
#searchbox input {
	margin-left: 2px;
	margin-right: 2px;
	vertical-align: middle;
}
#searchbox form {
	margin: 0;
	padding: 0;
}
#main a:hover, #menu a:hover, #rmenu a:hover {
	left: 1px;
	position: relative;
	top: 1px;
}
/*
==================================================
ヘッダー
==================================================
*/
#top {
	background-image: url(img/body_bg.jpg);
	background-repeat: repeat-x;
	height: 145px;
	width: auto;
}
#top h1 {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding: 5px 10px;
	width: auto;
	color: #666;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
}
#top #logo a {
	color: #666;
	text-decoration: none;
}
#header {
	background-color: #666;
	background-position: center top;
	background-repeat: no-repeat;
	height: 335px;
	width: auto;
	margin: 0 auto;
	margin-top: 17px;
	background-image: url(img/header.jpg);
}
#header .topimg { float: right }
#header .title, #header h2 {
	font-size: 34px;
	line-height: 120%;
	position: relative;
	left: 60px;
	top: 70px;
	width: 580px;
}
#header .title a, #header h2 a {
	color: #FFF;
	text-decoration: none;
}
#headertext {
	width: 550px;
	position: relative;
	left: 60px;
	top: 80px;
	padding: 8px;
	color: #FFF;
	font-size: 13px;
	line-height: 130%;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#topmenu {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: 700;
	height: 58px;
	position: absolute;
	top: 89px;
	background-image: url(img/topmenu.jpg);
	background-repeat: no-repeat;
	width: 900px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	overflow:hidden;
}
#topmenu ul {
	padding: 0;
	width: 890px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	_zoom: 1;
	overflow: hidden;
}
#topmenu li {
	width: 20%;
	text-align: center;
	float: left;
	border: 0px;
	background-image: url(img/topmenu_list_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0;
	margin: 0;
	margin-left: -2px;
}
#topmenu li a {
	color: #497a8b;
	text-decoration: none;
	display: block;
	height: 58px;
	line-height: 58px;
	margin-left: 2px;
}
#topmenu li a:hover {
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}
/*
==================================================
メインコンテンツ
==================================================
*/
#main {
	position: relative;
	float: right;
	width: 670px;
}
#main p { margin: 0 8px }
#main h2, #main h3 {
	background-image: url(img/h2.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 18px;
	line-height: 100%;
	color: #5b5b5b;
	height: 58px;
	margin: 8px auto 8px auto;
	padding: 0px 0px 0px 80px;
	overflow: hidden;
	zoom: 1;
}
#main h2 span, #main h3 span {
	background-image: url(img/h2_r.png);
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
	line-height: 58px;
	height: 58px;
}
#main #text1 h3, #main #text2 h3, #main #text3 h3, #main #text4 h3, #main #text5 h3, #main #text6 h3, #main #text7 h3, #main #text8 h3, #main #text9 h3, #main #text10 h3, #main #space1 h3, #main #space2 h3 {
	background-image: url(img/h3.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 8px;
	padding: 0px 0px 0px 28px;
	color: #5b5b5b;
	height: 50px;
}
#main #text1 h3 span, #main #text2 h3 span, #main #text3 h3 span, #main #text4 h3 span, #main #text5 h3 span, #main #text6 h3 span, #main #text7 h3 span, #main #text8 h3 span, #main #text9 h3 span, #main #text10 h3 span, #main #space1 h3 span, #main #space2 h3 span {
	background-image: url(img/h3_r.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	display: block;
	line-height: 50px;
	height: 50px;
}
#main h4 {
	background-image: url(img/h4.png);
	background-position: left bottom;
	background-repeat: repeat;
	font-size: 15px;
	line-height: 20px;
	margin: 15px auto 10px;
	padding: 10px 10px 5px 20px;
	color: #fff;
}
#main h5 {
	background-image: url(img/h5.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 130%;
	margin: 10px auto;
	padding: 5px 10px 5px 14px;
	color: #88bed1;
	border-bottom: 1px solid #dedede;
}
#main h6 {
	background-image: url(img/h6.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 13px;
	line-height: 140%;
	margin: 0 0 4px 0;
	padding: 3px 10px 2px 20px;
	color: #88bed1;
}
#main .text { }
#text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #space1, #space2, #main .textbox, #main #whatsnew, #entrylist {
	width: auto;
	margin: 10px auto 25px auto;
	padding: 15px 25px;
	background-color: #FFF;
	position: relative;
	left: 0;
	border: solid 1px #DEDEDE;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	behavior: url(http://whitening.skr.jp/css/PIE.htc);
}
*html #main hr.border2 {
	display : list-item;
	width: 0;
	list-style : url(img/border2_bg.png) inside;
}
#main hr.border2 {
	border: 0;
	height: 5px;
	margin: 20px 0;
	background: url(img/border2_bg.png) 100% 0 repeat-x;
}
/*
==================================================
サイドメニュー
==================================================
*/
#menu {
	float: left;
	width: 210px;
}
#menu .title, #rmenu .title, #menu h4, #rmenu h4 {
	background-image: url(img/menu_h4.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #74A7BA;
	color: #fff;
	font-size: 14px;
	min-height: 54px;
	_height: 54px;
	line-height: 14px;
	font-weight: 700;
}
#menu .title span, #rmenu .title span, #menu h4 span, #rmenu h4 span {
	background-image: url(img/menu_h4_r.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 26px;
	padding-left: 20px;
	padding-right: 70px;
	padding-bottom: 4px;
	display: block;
	min-height: 24px;
	_height: 54px;
}
#column2 .menubox, #column3 .menubox {
	background-image: url(img/bg_menu_base_footer.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #E7E7E7;
	padding-bottom: 4px;
}
#column1 .menubox {
	background-image: url(img/bg_menu_base_c1.jpg);
	background-position: left bottom;
}
.menubox {
	padding: 0;
	background-repeat: no-repeat;
}
.menulist { padding: 0 5px 0px 5px }
.menulist ul li {
	list-style-image: none;
	list-style-type: none;
	_margin-bottom: 0;
	_display: inline-block;
}
#column2 .menulist ul li, #column3 .menulist ul li {
	background-color: #FFF;
	background-image: url(img/menu_bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.menulist li a {
	background-position: left top;
	border-bottom-width: 1px;
	color: #5b5b5b;
	display: block;
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
	font-weight: 700;
	padding: 11px 6px 11px 35px;
}
#column2 .menulist li a, #column3 .menulist li a {
	background-image: url(img/menu_bg_list.png);
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-position: 5px center;
	background-repeat: no-repeat;
}
#column2 .menulist .l2 a,#column3 .menulist .l2 a {
	font-size: 12px;
	padding-left: 55px;
	font-weight: normal;
	background-position: 25px center;
}
#column2 .menulist .l3 a,#column3 .menulist .l3 a {
	font-size: 12px;
	padding-left: 70px;
	font-weight: normal;
	background-position: 40px center;
}
#column2 .menubox_footer, #column3 .menubox_footer {
	background-image: url(img/bg_menu_base_footer.jpg);
	height: 5px;
	background-position: left bottom;
}
.mmbox {
	background-image: url(img/mm_bg.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	height: 82px;
	text-align: center;
	padding-top: 60px;
	width: 210px;
}
.mmbox input { margin-top: 10px }
.mmbox span { display: none }
.bannerbox { margin-top: 5px }
.bannerbox li {
	_display: inline;
	display: block;
	list-style-image: none;
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
}
.bannerbox li a {
	background-image: none;
	font-size: 15px;
	margin: 0;
	padding: 0;
}
.bannerbox li a img {
	_margin: 2px 0;
	display: block;
}
#menu ul#newEntry, #menu ul #entryarchive, #rmenu ul#newEntry, #rmenu ul #entryarchive {
	display: block;
	line-height: 140%;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
ul#newEntry li, ul#entryarchive li {
	background-image: url(img/sitemap_list.png);
	background-position: left center;
	background-repeat: no-repeat;
	list-style-image: none;
	list-style-type: none;
	margin-left: 10px;
	padding-left: 15px;
	margin-bottom: 8px;
}
#newEntry li a, #entryarchive li a {
	color: #73A6B9;
	text-decoration: underline;
	font-size:13px;
	line-height:125%;
}
#entryarchive li a:hover, #newEntry li a:hover {
	color: red;
	text-decoration: underline;
}
/*
==================================================
フッター
==================================================
*/
#footer {
	background-image: url(img/footer.jpg);
	background-repeat: repeat;
	height: 77px;
	text-align: center;
}
#footer .inner {
	color: #FFF;
	line-height: 22px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	width: 900px;
}
#footer p { clear: both }
#footer a { text-decoration: none }
#footlink {
	font-size: 12px;
	text-align: left;
	margin-top: 15px;
	float: left;
}
#footlink a {
	background-position: left 2px;
	background-repeat: no-repeat;
	font-size: 12px;
	margin: 0;
	color: #fff;
}
/*
==================================================
トップページ
==================================================
*/
#itmebox-l {
	float: left;
	margin-bottom: 15px;
}
#itmebox-c {
	float: left;
	margin-bottom: 15px;
}
#column1 #itmebox-c, #column2 #itmebox-c {
	margin-right: 17px;
	margin-left: 17px;
}
#column3 #itmebox-c { margin-left: 17px }
#itmebox-r {
	float: left;
	margin-bottom: 15px;
}
#itembox {
	background-color: #fdfdfd;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding-top: 6px;
	padding-bottom: 6px;
}
#itembox img {
	margin: 0;
	padding: 0px 4px;
}
.itemtitle {
	font-size: 14px;
	width: 150px;
	margin: 0 4px;
	padding: 0 15px;
}
.itemtext {
	width: 150px;
	margin: 0 4px;
	padding: 0 15px;
}
.itemheader {
	background-image: url(img/bg_itembox_header.jpg);
	height: 22px;
}
.itemfooter {
	background-image: url(img/bg_itembox_footer.jpg);
	height: 22px;
}
#column1 .text-float-l {
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
	width: 65%;
}
#column2 .text-float-l {
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
	width: 50%;
}
#column1 .text-float-r, #column2 .text-float-r {
	float: right;
	margin-bottom: 20px;
	margin-right: 10px;
}
#column3 .text-float-l {
	margin-bottom: 20px;
	float: none;
}
#column3 .text-float-r {
	margin-bottom: 20px;
	float: none;
}
#main #whatsnew {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding: 0;
	padding-top: 5px;
	margin-top: 20px;
}
#main #whatsnew .title {
	background-image: url(img/entry_listtitle.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	line-height: 18px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-top: 16px;
	height: 16px;
	_height: 36px;
	margin: 0;
	margin-right: 8px;
}
#main #whatsnew ul { margin: 0 15px 15px 15px }
#main #whatsnew li a { text-decoration: underline }
#main #whatsnew ul li {
	border-bottom: 1px dotted #dedede;
	margin-top: 15px;
	margin-left:10px;
	padding-bottom: 15px;
}
#main #whatsnew ul li span.date {
	background-image: url(img/date_bg.png);
	width: 62px;
	height: 17px;
	_width: 68px;
	_height: 21px;
	display: block;
	letter-spacing: -1px;
	float: left;
	padding: 2px 3px;
	color: #fff;
	font-size: 12px;
	line-height: 17px;
	margin-right: 10px;
	font-family: Segoe UI;
}
#main #whatsnew ul li span.title { display: block }
/*
==================================================
カテゴリーページ
==================================================
*/
#categorylist {
	padding: 10px;
	position: relative;
}
#categorylist .catbox {
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-bottom: 10px;
	background-color: #F5F5F5;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #CCC;
	-moz-box-shadow: 0 1px 2px #CCC;
	box-shadow: 0 1px 2px #CCC;
	behavior: url(http://whitening.skr.jp/css/PIE.htc);
	padding-right: 12px;
	padding-left: 12px;
}
#categorylist .catbox div { overflow: visible }
#categorylist .thumb {
	background-color: #F3F3F3;
	float: left;
	margin-right: 15px;
	width: 229px;
}
#categorylist .thumb img {
	height: 165px;
	width: 229px;
}
#categorylist .more {
	text-align: right;
	margin-top: 20px;
	margin-right: 10px;
	padding-bottom: 10px;
}
#categorylist .body {
	font-size: 12px;
	line-height: 135%;
}
#categorylist .title {
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: 700;
	padding-left: 40px;
	padding-bottom: 10px;
	background-image: url(img/category_title.jpg);
	padding-top: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 20px;
}
#categorylist .title a {
	color: #333;
	font-weight: 700;
}
#categorylist .title a:hover {
	color: red;
	font-weight: 700;
}
#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: #666;
	display: inline-block;
	padding: 2px 10px;
	text-align: center;
	text-decoration: none;
	width: 20px;
}
#pagelist a:hover {
	background-color: #666;
	color: #FFF;
}
/*
==================================================
エントリーページ
==================================================
*/
#entrylist {
	margin-bottom: 15px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
#entrylist h4 {
	background-image: url(img/entry_listtitle.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	line-height: 18px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-top: 16px;
	height: 16px;
	_height: 52px;
	margin: 0;
	margin-right: 8px;
}
#entrylist dl {
	margin: 0 10px;
	padding: 0;
}
#entrylist dt {
	background-color: #F5F5F5;
	background-image: url(img/entry_listbg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: 700;
	line-height: 100%;
	padding-bottom: 8px;
	padding-left: 35px;
	padding-top: 13px;
}
#entrylist dt a {
	color: #323232 !important;
	text-decoration: none;
}
#entrylist dd {
	background-color: #F5F5F5;
	color: #666666;
	font-size: 12px;
	line-height: 130%;
	margin: 0 0 10px;
	padding: 5px 10px 10px;
}
#entrylist dt a {
	color: #65aac2 !important;
	text-decoration: none;
}
#entrylist dt a:hover {
	color: red;
	text-decoration: underline;
}
#entrylist dd {
	color: #666;
	font-size: 12px;
	line-height: 130%;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;
	background-color: #f5f5f5;
}
#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/sitemap_list.png);
	background-position: left center;
	background-repeat: no-repeat;
	list-style-image: none;
	list-style-type: none;
	padding-left: 16px;
}
#main #sitemaps li.l1 {
	font-size: 16px;
	font-weight: 700;
	margin-top: 8px;
}
#main #sitemaps li.l2 {
	font-size: 12px;
	margin-left: 25px;
}
#main #sitemaps li.l3 {
	font-size: 12px;
	margin-left: 50px;
}
#searchresult dt { font-size: 14px }
#searchresult dd {
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-size: 13px;
	line-height: 130%;
	margin: 0 0 10px;
	padding-bottom: 15px;
}
/*
==================================================
フリースペース
==================================================
*/
#space1, #space2 {
	margin-bottom: 15px;
	width: auto;
}
#space3, #space4, #space5, #space6 {
	font-size: 13px;
	line-height: 150%;
	padding: 10px;
	background-color: #FFF;
	margin: 0 5px;
}
/*
==================================================
ブログモード
==================================================
*/
.blog {
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 15px;
	padding: 10px;
}
.blog .title {
	color: #333;
	font-size: 15px;
	line-height: 140%;
	margin-bottom: 5px;
}
.blog .info {
	color: #666;
	margin-bottom: 5px;
}
.blog .info a { color: #666 }
.blog .thumb {
	float: left;
	margin-right: 15px;
}
.blog .thumb img { max-width: 125px }
.blog .body { line-height: 150% }
.blog .more {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: right;
}
/*
==================================================
ポイント
==================================================

==================================================
記事スタイル
==================================================
*/
/* リセット */
#main .txt-grayback,#main  .txt-colorback,#main .txt-line, #main .txt-frame,#main .txt-colorframe,#main .txt-rndbox,#main .txt-border,#main .txt-decbox1,#main .txt-decbox2{
	margin: 0;
	padding: 0;
	border: none;
}
#main p.img-r,#main p.img-l{
	margin:0;
	padding:0;
}

#main .txt-grayback,#main  .txt-colorback,#main .txt-line, #main .txt-frame,#main .txt-colorframe,#main .txt-rndbox,#main .txt-border{
	margin: 10px 5px 25px 5px;
	padding: 30px;
}
#main .txt-border {
	background-image: url(img/dott.gif);
	line-height: 22px;
	font-size: 13px;
	margin: 10px;
	padding: 0px;
	background-position: 0px 5px;
}
#main .txt-border p {
	line-height: 22px;
	font-size: 13px;
}
#main .txt-line  {
	border: 2px solid #CCCCCC;
	margin:5px 0;
}
#main .txt-yellowback {
	background-color: #FFF9DF;
	border: 2px solid #CC0000;
}
#main .txt-grayback {
	border: 1px solid #ECEAE7;
	background-color: #FAF9F5;
}
#main .txt-colorback {
	border:solid 1px #97CFE8;
	background-color: #FFF;
	padding:0px;
}
#main .txt-colorback .body{
	border:solid 1px #FFF;
	padding:20px 25px;
	background-color:#EAF5FB;
}
#main .txt-frame{
	padding:4px;
	background-color:#E9E9E9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://whitening.skr.jp/css/PIE.htc);
}
#main .txt-frame .body{
	padding:20px 25px;
	background-color:#FFF;
	border:solid 1px #D5D5D5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://whitening.skr.jp/css/PIE.htc);
}
#main .txt-colorframe{
	background-color: #C0DBE4;
	padding: 10px;
}
#main .txt-colorframe .body{
	background-color: #FFF;
	padding: 10px 20px;
	border: 1px solid #A6CCD9;
	-webkit-box-shadow: #A6CCD9 1px 2px 1px;
	-moz-box-shadow: #A6CCD9 1px 2px 1px;
	box-shadow: #A6CCD9 1px 2px 1px;
	behavior: url(http://whitening.skr.jp/css/PIE.htc);
}
#main .txt-rndbox{
	padding:3px;
	background-color:#E9E9E9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://whitening.skr.jp/css/PIE.htc);
}
#main .txt-rndbox .top,#main .txt-rndbox .bottom{
	display:none;
}
#main .txt-rndbox .body{
	padding:28px 30px;
	background-color:#FFF;
	border:solid 1px #D9D9D9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://whitening.skr.jp/css/PIE.htc);
}
/* 記事スタイル(飾り枠1)
==================================================
*/
#main .txt-decbox1,#main .txt-decbox2 {
	background-image: url(img/txt-dec1-bg.jpg);
	background-repeat: repeat;
	padding:30px;
	margin-bottom:25px;
}
#main .txt-decbox1  .top,#main .txt-decbox2  .top{
	padding:10px;
	background-color:#FFF;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
#main .txt-decbox1  .body,#main .txt-decbox2  .body{
	background-color:#FFF;
	padding:10px 20px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
#main .txt-decbox1 .bottom,#main .txt-decbox2 .bottom{
	background-color:#FFF;
	height:20px;
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
/*
==================================================
ランキング
==================================================

==================================================
レイアウト調整
==================================================
*/
#column1 { background: none }
#column1 #text1, #column1 #text2, #column1 #text3, #column1 #text4, #column1 #text5, #column1 #text6, #column1 #text7, #column1 #text8, #column1 #text9, #column1 #text10 { padding: 25px 35px }
#column1 #menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#column1 #menu .menubox {
	background-color: #FFF;
	margin: 0;
	padding: 5px 15px 15px;
}
#column1 #menu li a {
	background: none;
	border: none;
	color: #666;
	display: inline;
	font-weight: 400;
	margin: 0;
	text-decoration: underline;
	background-color: #FFF;
}
#column1 #menu li a, #column1 #menu li.l2 a, #column1 #menu li.l3 a {
	margin: 0 5px;
	padding: 0 5px;
}
#column2 #contents {
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 10px;
}
#column3 #contents {
	background-position: left top;
	background-repeat: repeat-y;
}
#column3 #layoutbox {
	background-position: left top;
	background-repeat: repeat-y;
	float: left;
	width: 670px;
}
#column3 #main {
	float: right;
	width: 440px;
}
#rmenu {
	float: right;
	width: 210px;
}
#rmenu .menulist li { }
a:hover, .menulist li a:hover, .blog .title a:hover, #column1 #menu li a:hover { color: red }
dl, #contents, #menu ul, #rmenu ul, #main #whatsnew ul, #pagelist ul {
	margin: 0;
	padding: 0;
}
#entrylist dl { padding: 0px }
#searchresult { padding: 10px }
#entrylist dt a, .blog .title a { color: #333 }
#column1 #menu, #column1 #main {
	float: none;
	width: auto;
}

/*
==================================================
スタイル調整用変数
==================================================
*/
#top{
height:30px;
padding-bottom:0px;
}

#searchbox{
top:25px;
}

#topmenu{
top:95px;
}body{




}

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


}

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



}

#main{ float: left; }
#column2 #menu,#column3 #menu{ float: right; }
#column3 #rmenu { float: left; }
#column3 #layoutbox { float: right; }
#column3 #main { float: left; }
/*
#wrapper{}
#topmenu{}
#threebox{}
#main{}
#menu{}
#rmenu{}
*/





/* 矢印 */

.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:15px;
	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: 15px;
	line-height: 130%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 55px;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 32px;
	_zoom: 1;
	overflow: hidden;
}

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

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

.attention {
	border: 1px solid #FFDC80;
	background-color: #FEFECB;
	background-image: url(./img/attention.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	color: #804900;
}

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

 .user1,.user2 {
	font-size: 15px;
	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);
}


.ylw{
	background-color:#FFE566;
	font-weight:bold;
	padding:2px;
}


.imgl {
	margin: 5px 20px 5px 10px;
	padding: 0;
	float: left;
}




table{
	width:100%;
	_width:95%;
	font-size:13px;
	margin-top:10px;
	margin-bottom:10px;
}

th{
	background-color:#EBEBEB;
}

td{
	background-color:#FFFFFF;
}

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

/*縲蜈ｱ騾壹せ繧ｿ繧､繝ｫ */

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

.rimg {
	text-align: center;
}
.price {
	color: #CC0000;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 120%;
	text-align: center;
}

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


/* 蝠�刀髯ｳ蛻怜梛 */
.ritm
{
	background-color:#FFFFFF;
}

.ritm th,.ritm td
{
	padding:6px;
	width:auto;
	line-height: 120%;
	border:solid 1px #CCC;
	vertical-align:top;
	text-align: center;
}

.col1 td ,.col1 th{
	width: 100%;
}

.col2 td ,.col2 th{
	width: 50%;
}

.col3 td ,.col3 th{
	width: 33%;
}

.col4 td ,.col4 th{
	width: 25%;
}

/* 迚ｹ螳壼叙蠑墓ｳ輔↓髢｢縺吶ｋ陦ｨ險 */

.tokusho {
	background-color: #CCCCCC;
}

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

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

/* 蝠�刀隱ｬ譏 */

.ritm_desc {
	border: 1px solid #CCCCCC;
}
.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;
}


/* 笆ｼ1/18莉･髯崎ｿｽ蜉蛻 */

/* 繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ1 */

.rnk1item {
	border: 1px solid #CCCCCC;
}
.rnk1item  th {
	background-color: #FFFFFF;
	width: 70px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.rnk1item td {
	background-color: #FFFFFF;
	vertical-align: top;
	font-size: 12px;
	line-height: 130%;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.rnk1item .ttitle {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 130%;
}

.rnk1item th, .rnk1item td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.rnk1item .timg {
	width: 130px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	vertical-align: middle;
}
.rnk1item .alt th, .rnk1item .alt td {

}

/* 繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ蝙2 */

.rnk2item {
	font-size: 12px;
}

.rnk2item .timg, .rnk2item .tdesc {
	padding: 15px;
}
.rnk2item td {
	padding: 0px;
	vertical-align: top;
}
.rnk2item .ttitle {
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: left;
	font-size: 16px;
}

.rnk2item  .timg {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	width:130px;
}

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

.rnk2item .tdesc {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	line-height: 160%;
}

.rnk2item .ttable {
	width:100%;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
}
.ttable th, .ttable td {
	padding: 8px;
	width: 33%;
	text-align: center;
}

/* 笆ｼ1/25霑ｽ蜉蛻 */

/* 繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ蝙3 */

.rnk3item {
	border: 1px solid #CCCCCC;
}
.rnk3item  th {
	text-align: left;
	padding: 8px;
	font-size: 17px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
}
.rnk3item th img {
	vertical-align: bottom;
	margin-right: 6px;
}

.rnk3item td {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.rnk3item .timg {
	text-align: center;
	width: 150px;
}

/* 萓｡譬ｼ豈碑ｼ�梛1 */

.prc1item {
	border: 1px solid #CCCCCC;
}

.prc1item th {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	padding: 6px;
	text-align: center;
}
.prc1item td {
	text-align: center;
	padding: 6px;
}
.prc1item .alt td {
	background-color: #F5F5F5;
}

.prc1item .price {
	text-align: right;
	width: 120px;
}

/* 鬆�岼隱ｬ譏主梛 */

.dsc1item,.dsc2item {
	background-color: #CCCCCC;
}
.dsc1item  th, .dsc1item  td,.dsc2item th, .dsc2item td {
	padding: 6px;
}
.dsc1item th , .dsc2item th {
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.dsc1item td , .dsc2item td {
	font-size: 95%;
	vertical-align: top;
}

.dsc1item th{
	width: 20%;
	font-size: 13px;
}

.dsc2item .col2 th{
	width: 50%;
}

.dsc2item .col3 th{
	width: 33%;
}

.dsc2item .col4 th{
	width: 25%;
}

/* 繝｡繝九Η繝ｼ蝙 */

.tblmenu1item td {
	font-size: 12px;
	line-height: 130%;
	border: 1px solid #CCCCCC;
	vertical-align:top;
}
.tblmenu1item  td  .ttitle {
	background-color: #EEEEEE;
	font-weight: bolder;
	padding: 7px;
	margin-bottom: 8px;
	font-size: 13px;
}

.tblmenu1item .col1{
	width:100%;
}

.tblmenu1item .col2{
	width:50%;
}
