@charset "utf-8";
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/	/* test */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #000;
	/*color:green;*/	/* test */
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

/* スクロールバーを常に表示させる（ページの長さでスクロールバーの表示有無が発生しページの表示がずれるのを防止するため） */
html {
    margin-bottom:1px;
    height:100%;
    }

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 0px;
	padding-left: 0px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
	max-width: 750px;
	text-align: left;
	font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	color: #2A1F00;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	/*color: #554D42;*/
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
/*	ブラウザでエラーとなるため、コメントアウト*/
a:visited {
	/*color: #6E6C64;*/
	/*text-decoration: underline;*/
}
table{border-collapse:collapse;}
th,td{padding:0;}
.news a:hover, .news a:active, .news a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-weight: normal;
	color: #000;
}
#header_top {
	width: auto;
	height:10px;
	background-image:url(../img/back/back_kadomaru_header_top_gray.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
	background-attachment:scroll;
	background-color:#A99F96;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
}

#pre_header {
	width: auto;
	height:15px;
	/*background-image:url(../img/pre_header.png);*/
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
	background-attachment:scroll;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;

}
/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
#container {
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	height:0px;
	/*height:2752px;*/
	/*background-color: #F7F3EA;*/
	/*background-color: orange;*/ /* test */
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0;
	border-width: 0px 0px 3px 0px;
	border-style: solid;
	border-color: #9A8D85;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:center;
}
/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
#container1 {
	/*top:-24px;*/
	/*width: 960px;*/ /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	/*background-color: blue;*/ /* test */
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
/*	margin-right: 0; */
	margin-bottom: 0;
/*	margin-left: 0; */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position:relative;
	text-align:center;
}
#container_index {
	/*top:-24px;*/
	/*width: 960px;*/ /* 両側を自動値とすることで、レイアウトが中央に揃います。 */
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
/*	margin-right: 0; */
	margin-bottom: 0;
/*	margin-left: 0; */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*background-color: orange;*/	/* test */
	position:relative;
	/*overflow:hidden;*/	/* 縮小表示されたときのメニューボタンのはみ出し防止⇒NG background-imageが表示されない */
	text-align:center;
}

#container2 {
	/*top:-24px;*/
	/*width: 960px;*/ /* 両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
/*	margin-right: 0; */
	margin-bottom: 0;
/*	margin-left: 0; */
	background-color: #FFFFFF;
	/*background-color: red;*/ /* test用　*/
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #9A8D85;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	/*font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
	position:relative;
	/*overflow:hidden;*/	/* 縮小表示されたときのメニューボタンのはみ出し防止⇒NG background-imageが表示されない */
	text-align:center;
}
#container3 {
	/*top:-24px;*/
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	background-color: #A99F96;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
/*	margin-right: 0; */
	margin-bottom: 0;
/*	margin-left: 0; */
	background-image: url(../img/back/back_new.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: auto;
	background-attachment:fixed;
	/*background-color: red;*/ /* test用　*/
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #9A8D85;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position:relative;
	text-align:center;
}
#container_wide {
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	background-color:#FFF;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #9A8D85;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:left;
}
#container_wide2 {
	width: 1160px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	background-color:#FFF;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #9A8D85;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:left;
}
#container_wide3 {
	width: 1260px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	background-color:#FFF;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #9A8D85;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:left;
}
.header_menu {
	/*top:-20px;*/
	min-width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	/*height:200px;*/	/* test */
	background-color: #FFFFFF;
	/*background-color: blue;*/ /* test用　*/
	/*background-image:url(../img/back/back_header.png);*/
	background-repeat: repeat-x;
	background-position: left 0px;
	background-size: auto 100px;
	background-attachment:scroll;
	/*background-color:green;*/	/* test */
	text-align:center;
}
.header_menu_ref {
	min-width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	/*background-color: #F7F3EA;*/
	/*background-color: orange;*/ /* debug用　*/
	/*background-image:url(../img/back/back_header.png);*/
	background-repeat: repeat-x;
	background-position: left 0px;
	background-size: auto 100px;	/* 高さをheightの値と合わせること */
	background-attachment:scroll;
	/*background-color:blue;*/	/* test */
	text-align:center;
}

.menubutton_area {
	width:964px;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	/*background-color: #blue;*/ /* debug用　*/
	/*overflow:hidden;*/	/* hiddenを指定するとドロップダウンしなくなる。 */
	/*float:left;*/ /* 入れると中央に表示されない */
	float:none;
}
.menubutton_area_ref{
	width:962px;
	height:53px;
	/*height:300px;*/	/* debug */
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	border-right: solid 0px #A79881;
	text-align:left;
	/*background-color: green;*/ /* debug用　*/
	/*overflow:hidden;*/	/* hiddenを指定するとドロップダウンしなくなる。 */
	/*float:left;*/ /* 入れると中央に表示されない */
}
.menubutton {
	left:0px;
	width:964px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	/*padding-bottom:200px;*/	/* debug */
	/*background-color: green;*/	/* test　*/
	vertical-align:middle;
	text-align:left;
	/*float:left;*/ /* 入れるとボタンが表示されない */
}

.menubutton_ref {
	left:0px;
	/*width:1960px;*/
	width:100%;
	height:100%;
	/*height:300px;*/	/* debug */
	/*top:-24px;*/
	margin-left:0;
	margin-right:0;
	padding-top:0px;
	/*padding-bottom:200px;*/	/* debug */
	border-top: solid 0px #635745;
	border-bottom: solid 0px #635745;
	border-left: solid 0px #635745;
	border-right: solid 0px #635745;
	/*background-color:orange;*/  /*test用*/
	vertical-align:middle;
	text-align:left;
	/*overflow:hidden;*/	/* hiddenをいれるとメニューボタンがドロップダウンしない */
	position:relative;
	/*float:left;*/ /* 入れるとボタンが表示されない */
}
#header_menu_area {
	/*background-color:orange;*/  /*test用*/
	height:50px;
	height:100%;
	text-align:left;
	position:relative;
	/*float:left;*/ /* 入れるとボタンが表示されない */
	/*position:relative;*/ /* 入れるとsafariでボタンが表示されない */
}
#header_menu_area_ref {
	width:100%;
	height:100%;
	/*background-color:red;*/  /*test用*/
	text-align:left;
	position:relative;
	/*float:left;*/ /* 入れるとボタンが表示されない */
	/*position:relative;*/ /* 入れるとsafariでボタンが表示されない */
}
.menu {
	top:0px;
	width:970px;	/* 縮小表示時の右端ボタンの改行防止(960pxだと改行してしまう) */
	/*background-color:yellow;*/	/* test */
	float:left;
}
.p_header_table {
	padding-top: 15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #847551;
	/*text-align: right;*/
	border-top: solid 1px #AFAD8B; 
	border-bottom: solid 0px #AFAD8B;
	border-left: solid 0px #AFAD8B; 
	border-right: solid 0px #AFAD8B;

}
#header_area {
	/*width:936px;*/
	left:0px;
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:27px;*/
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*background-color:orange;*/	/* test */
	position:relative;
	text-align:left;
	color:#534744;
	/*float:left;*/
}
#header_area_ref {
	/*width:936px;*/
	left:0px;
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:100px;*/	/* test */
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*background-color:red;*/	/* test */
	position:relative;
	text-align:left;
	color:#534744;
	/*float:left;*/
}
#header_left {
	width:420px;
	height:100px;
	/*background-color:orange;*/	/* test */
	text-align: left;
	float:left;
}
#header_left a:link {
	color: #534744;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}

#header_right{
	font-size:13px;
	font-style: normal;
	font-family:"小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	word-wrap: break-word;
	color:#333;
	text-align:left;
	float:right;
}
#p_logo_area {
	position:absolute;
	width:960px;
	/*background-color:orange;*/	/* test */
	float:left;
}
#p_logo_area a:link {
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}

.p_logo_table {
	/*height:100px;*/
	width:420px;
	/*background-color:green;*/	/* test */
	vertical-align:middle;
}

.p_logo_td {
	/*height:100px;*/
	width:420px;
	vertical-align:middle;
}

.p_logo_img_property {
	/*height:78px;*/
}

/************************************/
/****   サイドメニュー用 start   ****/
/************************************/
/*#side_menu {
	width:222px;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
}*/
.sidearea {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;

}
#sidearea {
	width:240px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*background-color:blue;*/	/* test */
	float:left;
}
#side_area0 {
	float:left;
}
#side_area1 {
	/*background-color:blue;*/	/* test */
	float:left;
}
#side_area2 {
	float:left;
}
#side_area3 {
	float:left;
}
#side_area4 {
	/*background-color:green;*/	/* test */
	float:left;
}
#side_area5 {
	/*background-color:green;*/	/* test */
	float:left;
}
#side_area6 {
	/*background-color:green;*/	/* test */
	float:left;
}
#side_area20 {
	float:left;
}
#side_area_right20 {
	float:left;
}

.side_area_out {
	width: 224px;
	margin-bottom:5px;
	/*background-color:orange;*/	/* test */
	float:left;
}
.side_area_title {
	font-size:14px;
	color:#F30;
	font-weight:bold;
}

.sidebar1 {
	top:-7px;
	width: 224px;
	margin-bottom:4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position:relative;
	/*background-color:blue;*/	/* test */
	float: left;
}

ul.sidemenu li {
	list-style-type:none;
}
ul.navi li.sidemenu_item a{
	display:block;
	width:222px;
	height:47px;
	margin-top:7px;
	margin-bottom:0px;
	height: 47px;
	line-height: 40px;
	text-indent:30px;
	background:url(../img/button/side_menu_btn_1.jpg);
	background-size:222px 47px;
	background-repeat: no-repeat;
	list-style-type:none;
	text-decoration:none;
	text-align:left;
	position:relative;
	float:left;
}
ul.navi li.sidemenu_item a:hover{
	background:url(../img/button/side_menu_btn_2.jpg);
	background-size:222px 47px;
	background-repeat: no-repeat;
	list-style-type:none;
	text-decoration:none;
	text-align:left;
	float:left;
}
ul.navi li.sidemenu_item2 a{
	display:block;
	width:222px;
	height:47px;
	margin-top:7px;
	margin-bottom:0px;
	height: 47px;
	line-height: 40px;
	text-indent:30px;
	background:url(../img/button/side_menu_btn_2.jpg);
	background-size:222px 47px;
	background-repeat: no-repeat;
	list-style-type:none;
	text-decoration:none;
	text-align:left;
	position:relative;
	float:left;
}

ul.navi li a:link {
	text-decoration: none; 
}
.sidemenu_item a:link {
	text-decoration: none; 
}

.side_menu_text {
	padding-top:5px;
	width:222px;
	height:47px;
	/*font-family:"ＭＳ Ｐゴシック";*/
	font-size: 13px;
	color:#63574E;
	font-weight: bold;
	letter-spacing: 1px;
	text-align:left;
	overflow:hidden;
	position:relative;
	float:left;
}
.side_menu_text2 {
	padding-top:5px;
	width:222px;
	height:47px;
	/*font-family:"ＭＳ Ｐゴシック";*/
	font-size: 13px;
	color:#63574E;
	font-weight: bold;
	letter-spacing: 1px;
	text-align:left;
	overflow:hidden;
	position:relative;
	float:left;
}
.side_menu_text3 {
	padding-top:2px;
	width:222px;
	height:47px;
	/*font-family:"ＭＳ Ｐゴシック";*/
	font-size: 13px;
	color:#63574E;
	font-weight: normal;
	letter-spacing: 1px;
	text-align:left;
	overflow:hidden;
	position:relative;
	float:left;
}


ul.navi {
	width:222px;
	margin:0px;
	/*background-color:orange;*/	/* test */
	position:relative;
	float:left;
}

ul.navi, ul.menu_list {
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
	float:left;			/* slideの動きがスムーズになった */
}
ul.navi, ul.menu_list2 {
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
	float:left;			/* slideの動きがスムーズになった */
}

/*
li.category_item {
	text-decoration: none; 
	position:relative;
}
*/
div.category {
	top:0px;
	display:block;
	margin-top:7px;
	margin-bottom:0px;
	height: 47px;
	width:222px;
	line-height: 40px;
	text-indent:30px;
	background:url("../img/button/side_menu_btn_plus_1.jpg");
	background-size:222px 47px;
	/*background-color:#6FC;*/
	cursor:pointer;
	text-align:right;
	position:relative;	/* safari対応（背景画像が表示されない） */
	float:left;
}
/*
li.category_item div.category:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	max-height: 0;
	visibility: hidden;
}
*/
div.category.rollover{
	background:url("../img/button/side_menu_btn_plus_2.jpg");
	background-size:222px 47px;
	background-repeat: no-repeat;
}
div.open {
	/*margin-bottom:0px;*/
	background:url("../img/button/side_menu_btn_minus.jpg");
	background-size:222px 47px;
	margin-bottom:0px;
}
ul.menu_list {
	font-size:13px;
}

ul.menu_list a{
	margin-left:10px;
	margin-bottom:0px;
	padding-top:8px;
	display:block;
	height: 32px;
	width:212px;
	color: #164158;
	text-indent:25px;
	position:relative;
	float:left;
}
ul.menu_list2 a{
	margin-left:10px;
	margin-bottom:0px;
	padding-top:8px;
	display:block;
	height: 32px;
	width:212px;
	color: #164158;
	text-indent:25px;
	position:relative;
	float:left;
}

ul.menu_list li {
	top:0px;
	margin-left:0px;
	width:220px;
	border-top: solid 0px #AFAD8B; 
	border-bottom: solid 1px #AFAD8B;
	border-left: solid 1px #AFAD8B; 
	border-right: solid 1px #AFAD8B;
	background-color:white;
	position:relative;
	float:left;
}
ul.menu_list2 li {
	top:0px;
	margin-left:0px;
	width:220px;
	border-top: solid 0px #AFAD8B; 
	border-bottom: solid 1px #AFAD8B;
	border-left: solid 1px #AFAD8B; 
	border-right: solid 1px #AFAD8B;
	background-color:white;
	position:relative;
	float:left;
}

ul.menu_list li.rollover{
	background-color:#FFFFD9;
}
ul.menu_list2 li.rollover{
	background-color:#FFFFD9;
}

/**********************************/
/****   サイドメニュー用 end   ****/
/**********************************/
.logo {
	vertical-align: middle;
	color:#FFF;
}
/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header {
	/* [disabled]width: inherit; */
	min-height: 10px;
	height: 107px;
/*	float: center;*/
	font-weight: normal;
}
.header_home {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/* [disabled]width: inherit; */
	min-height: 10px;
	height: auto;
/*	float: center; */
	color: normal;
	font-size: 16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-align: left;
}
.sidecontent {
	padding: 5px;
	float: left;
	width: 161px;
	padding-bottom: 0px;
}
/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol { 
	padding: 0 0px 15px 0px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}

/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul.nav {
	list-style: none; /* リストのマーカーを削除します。 */
	border-top: 1px solid #E4E4CD; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
	margin-bottom: 1px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	text-align: left;
}
ul.nav li {
	border-bottom: 1px solid #E4E4CD; /* ボタンの区切り線を作成します。 */
}
ul.nav a, ul.nav a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	padding: 0px 0px 0px 0px;
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	width: 160px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	color: #FFF;
}


/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clear_both {
	clear:both;
}
/*.container .sidebar1 .nav li {
	color: #000;
	background-color: #E4E4CD;
	text-align: left;
} */
.contents_title {
	width:665px;
	height:27px;
	padding-left:10px;
	padding-top:4px;
	background-color:#604F42;
	color:white;
	font-size:16px;
	float:left;
}
.contents {
	width:660px;
	padding-left:10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	/*background-color:green;*/	/* test */
	color:#514D46;
	font-size:14px;
	float:left;
}
#contents {
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 0px;
	/*float:left;*/
}

.contents_area {
	width:920px;
	padding-left:0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	/*background-color:green;*/	/* test */
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	letter-spacing: 1px;
	line-height: normal;
	word-wrap: break-word;
	color:#333;
	float:left;
}

.contents_area a:link {
	/*color: #0000ff;*/
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
.contents_area a:visited {
	/*color: #0000ff;*/
	text-decoration: underline;
}

.contents_area_table_free_text {
	width:660px;
	padding-left:0px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 1px;
	/*background-color:yellow;*/	/* test */
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	letter-spacing: 1px;
	line-height: normal;
	word-wrap: break-word;
	color:#333;
	float:left;
}
.contents_area_table_free_table {
	width:920px;
	padding-left:0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
	/*background-color:yellow;*/	/* test */
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	letter-spacing: 1px;
	line-height: normal;
	word-wrap: break-word;
	color:#333;
	float:left;
}
.news_contents_area {
	width:675px;
	/*height:20px;*/
	padding-left:0px;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:5px;
	/*background-color:yellow;*/	/* test */
	font-size:14px;
	font-family:"小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	letter-spacing: 1px;
	line-height: normal;
	word-wrap: break-word;
	color:#333;
	text-align:left;
	float:left;
}
.aka1 {
	color: #800000;
}
.aka1_14px {
	color: #800000;
	font-size:14px;
}
.aka2 {
	color: #F00;
}
.aka2_16px {
	color: #F00;
	font-size:16px;
}

.aka3 {
	color: #F30C34;
}
.aka4 {
	color: #F39;
}
.aka5 {
	color: #CC220F;
}
.aka1_bold {
	color: #800000;
	font-weight:bold;
}
.aka2_bold {
	color: #F00;
	font-weight:bold;
}
.aka3_bold {
	color: #F30C34;
	font-weight:bold;
}
.aka4_bold {
	color: #F39;
	font-weight:bold;
}
.aka5_bold {
	color: #CC220F;
	font-weight:bold;
}
.ao1 {
	color: #0CF;
}
.ao2 {
	color: #09C;
}


.guide {
	color:#933;
	font-size:14px;
}

.facebook_color {
	color:#5772AA;
	font-size: 12px;
}
.comment_color {
	color:#5772AA;
	font-size: 14px;
}
.tweet_button {
	padding:5px;
	height:30px;
	color: #635745;
	font-size: 14px;
	font-weight: normal;
	float:left;
}
.facebook_button {
	padding:5px;
	height:30px;
	color: #635745;
	font-size: 14px;
	font-weight: normal;
	float:left;
}
.fb_comments_switch {
	width:130px;
	height:25px;
	margin-left:5px;
	margin-bottom:2px;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	border-top: solid 1px #5772AA;
	border-bottom: solid 1px #5772AA;
	border-left: solid 1px #5772AA;
	border-right: solid 1px #5772AA;
	background-color:#5772AA;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	text-align:center;
	cursor:pointer;
	float:left;
}
.fb_comments_area {
	float:left;
}

.facebook_comment {
	padding:5px;
	height:100px;
	color: #635745;
	font-size: 14px;
	font-weight: normal;
	float:left;
}
.comments_switch {
	/*width:70px;*/
	height:25px;
	margin-left:5px;
	margin-right:2px;
	margin-bottom:2px;
	padding-top:0px;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:0px;
	/* 角丸 */
	border-radius: 3px;        		/* CSS3 */  
    -webkit-border-radius: 3px;    	/* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   		/* Firefox用 */  
	border:1px solid #726863;
	background-color:#726863;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	text-align:center;
	cursor:pointer;
	float:left;
}
.comments_switch2 {
	/*width:70px;*/
	height:25px;
	margin-left:5px;
	margin-right:2px;
	margin-bottom:2px;
	padding-top:0px;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:0px;
	/* 角丸 */
	border-radius: 3px;        		/* CSS3 */  
    -webkit-border-radius: 3px;    	/* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   		/* Firefox用 */  
	border:1px solid #726863;
	background-color:white;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	color: #726863;
	font-size: 13px;
	font-weight: normal;
	text-align:center;
	cursor:pointer;
	float:left;
}
.comments_cnt_area {
	font-size: 12px;
	line-height:25px;
	color:#514D46;
	float:left;
}

.comments_cnt {
	position:relative;
	/*width:100px;*/
	/*height:20px;*/
	/*background-color:orange;*/	/* test */
	line-height:25px;
	color:#514D46;
	float:left;
}

.comments_cnt_box {
	position: absolute;
	/*width:20px;*/
	height:23px;
	top:0px;
	left:0px;
	margin-left:6px;
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	border:solid 1px #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	/*background-color:green;*/	/* test */
	text-align:left;
}
.comments_cnt_box:before {		/* p_order_free_err_hp_addressの前に▲を入れる　*/
	position: absolute;
	width: 0;
	height: 0;
	top:6px;
	left:-11px;
	border-top: solid 5px transparent;
	border-left: solid 5px transparent;
	border-right: solid 6px #999;
	border-bottom: solid 5px transparent;
	content: '';
}
.comments_cnt_box:after {		/* p_order_free_err_hp_addressの前に▲を入れる（白抜き）　*/
	position: absolute;
	width: 0;
	height: 0;
	top:6px;
	left:-9px;
	border-top: solid 5px transparent;
	border-left: solid 5px transparent;
	border-right: solid 6px white;
	border-bottom: solid 5px transparent;
	content: '';
}

.icon {
	padding:3px;
	vertical-align:middle;
}
.icon_img {
	padding-bottom:2px;
	padding-right:2px;
}
.iphone_img {
	vertical-align:middle;
	position:absolute;
	top:-20px;
	left:20px;
	float:left;
}
.sidetable {
	/*background-color:#E4E4CD;*/
	text-align: left;
	font-size: 12px;
}
.sidetable2 {
/*	background-color:#372D24; */
	border-top: solid 1px #372D24;
	border-bottom: solid 1px #372D24;
	border-left: solid 1px #372D24;
	border-right: solid 1px #372D24;
	text-align: left;
	font-size: 12px;
}
.youtube_area {
	width:680px;
	padding-top:10px;
	text-align:left;
	float:left;
}
.youtube {
	text-align:center;
	float:left;
}
.qrcode {
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;	
	background-color: #CBE6BB;
	border-top: solid 1px #372D24;
	border-bottom: solid 1px #372D24;
	border-left: solid 1px #372D24;
	border-right: solid 1px #372D24;
	font-size: 10px;
	color: #3F3421;
}
.qrcode_img {
	border: solid 0px #372D24;
}
.top_right {
	font-size: 14px;
	font-style: normal;
	color: #3F3421;
	text-align: left;
	font-weight: normal;
}
#contents_page {
	padding-left: 12px;
	padding-right: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
}
#contents_page2 {
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	float:left;
}

.mainarea {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainarea {
	top:-10px;
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	/*background-color: #F7F3EA;*/
	/*background-color: blue;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 48px;
	padding-left: 0px;
	position:relative;
	float:none;
}
#mainarea_wide {
	top:-10px;
	width: 1160px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	/*background-color: #F7F3EA;*/
	/*background-color: blue;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 48px;
	padding-left: 0px;
	position:relative;
	float:none;
}
#mainarea_wide3 {
	top:-10px;
	width: 1400px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	/*background-color: #F7F3EA;*/
	/*background-color: blue;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 48px;
	padding-left: 0px;
	position:relative;
	float:none;
}
#mainarea2 {
	/*top:-10px;*/
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	/*background-color: #F7F3EA;*/
	/*background-color: blue;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 48px;
	padding-left: 0px;
	position:relative;
	float:none;
}
#mainarea_cms {
	width: 860px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*background-color: #F7F3EA;*/
	/*background-color: blue;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	position:relative;
	float:none;
}
#mainarea_small {
	/*top:-10px;*/
	width: 760px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	background-color: #F7F3EA;
	/*background-color: red;*/ /* debug用　*/
	margin-left:20px;;
	margin-right:20px;;
	margin-top:0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-left: 0px;
	/*background-color:#3FF;*/
	position:relative;
	float:none;
}
#mainarea_small2 {
	width: 800px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	background-color: #F7F3EA;
	/*background-color: red;*/ /* debug用　*/
	margin-left:20px;;
	margin-right:20px;;
	margin-top:0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-left: 0px;
	/*background-color:#3FF;*/
	position:relative;
	float:none;
}
#mainarea_index_test {
	/*top:-10px;*/
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	height:200px;
	background-color: #FFF;
	/*background-color:*/ yellow; /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	/*padding-right: 10px;*/
	padding-bottom: 0px;
	/*padding-left: 48px;*/
	/*background-color:#3FF;*/
	/*position:relative;*/	/* これが入っているとjQueryのhoverが子要素を検知してしまう */
	float:none;
}


#mainarea_index {
	/*top:-10px;*/
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	background-color: #FFF;
	/*background-color: green;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	/*padding-right: 10px;*/
	padding-bottom: 0px;
	/*padding-left: 48px;*/
	/*background-color:#3FF;*/
	/*position:relative;*/	/* これが入っているとjQueryのhoverが子要素を検知してしまう */
	float:none;
}
.p_subarea_index {
	width:943px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 17px;
	/*background-color:green;*/ /* test */
	text-align:left;
	position:relative;
	float:left;
}
.p_subarea_index2 {
	width:100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFF;
	/*background-color:green;*/ /* test */
	text-align:left;
	position:relative;
	float:left;
}

#mainarea_contents {
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*background-color: red;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFF;
	/*background-color: yellow;*/	/* test */
	text-align:center;
	/*position:relative;*/	/* これが入っているとjQueryのhoverが子要素を検知してしまう */
	/*float:none;*/
}
#mainarea_contents_top0 {
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	margin-left:auto;
	margin-right:auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFF;
	/*background-color: red;*/ /* test用　*/
	text-align:center;
	/*position:relative;*/	/* これが入っているとjQueryのhoverが子要素を検知してしまう */
	/*float:none;*/
}
#mainarea_contents_cms {
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	background-color: #FFFFFF;
	/*background-color: green;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:none;
}
#mainarea_contents_cms1 {
	width: 734px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	background-color: #FFFFFF;
	/*background-color: green;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:left;
}
#mainarea_contents_cms2 {
	width: 222px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	background-color: #FFFFFF;
	/*background-color: orange;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:left;
}
#mainarea_contents_syokai {
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	background-color: #FFFFFF;
	/*background-color: green;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:none;
}
#mainarea_contents_blog {
	/*top:-10px;*/
	width: 960px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	/*height:2752px;*/
	background-color: #FFFFFF;
	/*background-color: red;*/ /* test用　*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	/*background-color:#3FF;*/
	position:relative;
	float:none;
}


#contents_mainarea {
	width:940px;
	/*width:1040px;*/	/* test */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*background-color:blue;*/		/* test */
	float:left;
}

#breadcrumb_list {
	margin-bottom: 5px;
}
#breadcrumb_list a:link {
	/*color: #554D42;*/
	text-decoration: none; 
}
#breadcrumb_list a:hover {
	color: #554D42;
	text-decoration: underline; 
}

.title_area {
	margin-bottom:7px;
	float:left;
}
.contents_subarea {
	width:920px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	/*background-color:orange;*/	/* test */
	text-align:left;
	float:left;
}
.subcontents_box_area {
	width:920px;
	padding:2px;
	border-top: solid 1px #8D8474;
	border-bottom: solid 1px #8D8474;
	border-left: solid 1px #8D8474;
	border-right: solid 1px #8D8474;
	background-color: #F9F8F4;
}
.subcontents_box_title {
	width:694px;
	height:37px;
	padding-top: 3px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../img/toppage_title.png);
	background-repeat: no-repeat;
	font-size: 18px;
	text-align: left;
	color: #6D5F58;
	font-weight: bold;
	text-align:left;
	float:left;
}
.subcontents_box_title2 {
	width:694px;
	height:32px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-image: url(../img/service3.png);
	background-repeat: no-repeat;
	font-size: 18px;
	text-align: left;
	color: #6D5F58;
	font-weight: bold;
	text-align:left;
	float:left;
}
.subcontents_box_title3 {
	width:694px;
	height:37px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-image: url(../img/service3.png);
	background-repeat: no-repeat;
	font-size: 18px;
	text-align: left;
	color: #6D5F58;
	font-weight: bold;
	text-align:left;
	float:left;
}
.subcontents_box {
	width:694px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:left;
}
#side_area {
	width:210px;
	margin-left:0px;
	margin-right:15px;
	float:left;
	padding-bottom: 15px;
	z-index:100;
}
.side_big_button {
	width:210px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	float:left;
}

.demo {
	padding-left: 0px;
	padding-right: 100px;
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: right;
}
.news {
	width:200px;
	height:32px;
	background-image: url(../img/title/title_brown2.jpg); 
	background-repeat:repeat-x;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 18px;
	text-align: left;
	color: #fff;
	font-weight: bold;
	float:left;
}
.ranking {
	width:200px;
	height:32px;
	background-image: url(../img/title/title_orange.jpg); 
	background-repeat:repeat-x;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 18px;
	text-align: left;
	color: #fff;
	font-weight: bold;
	float:left;
}
.rank_contents_area {
	width:220px;
	padding-top:5px;
	margin-bottom:15px;
	float:left;
}
.rank_contents {
	width:222px;
	margin-bottom:5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #fff;
	border: solid 1px #AFAD8B;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	color: #3F3421;
	text-align: left;
	vertical-align:middle;
	float:left;
}
.rank_contents a:link{
	text-decoration:none;
}
.rank_contents a:hover{
	text-decoration:underline;
	color: #3F3421;
}
.rank_title {
	width:107px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	float:left;
}
.img_title {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.ranking_number {
	width:20px;
	padding-top: 19px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 20px;
	font-weight: bold;
	color:#F30;
	float:left;
}
.ranking_img {
	width:100px;
	height:70px;
	margin-right:0px;
	border-left: solid 0px #AFAD8B;
	border-right: solid 0px #AFAD8B;
	/*background-color:orange;*/	/* test */
	overflow:hidden;
	color:#000;
	font-size:12px;
	text-align:center;
	float:left;
	overflow:hidden;
}
.ranking_img a:link {
	text-decoration: none; 
}
.ranking_img a:hover {
	text-decoration: underline; 
	color:#796F68;
}
.ranking_name {
	width:90px;
	height:65px;
	margin-right:0px;
	padding-top:5px;
	padding-right:2px;
	border-left: solid 0px #AFAD8B;
	border-right: solid 0px #AFAD8B;
	/*background-color:blue;*/	/* test */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 11px;
	font-weight:bold;
	word-wrap: break-word;
	text-align:center;
	vertical-align:middle;
	float:left;
	overflow:hidden;
}

.option_button {
	width:224px;
	margin-bottom:5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #fff;
	/*background-color:blue;*/	/* test */
	border: solid 0px #AFAD8B;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	letter-spacing: 1px;
	line-height: normal;
	word-wrap: break-word;
	color:#333;
	text-align: left;
	vertical-align:middle;
	float:left;
}
.news_title {
	font-size: 12px;
	text-align: left;
	color: #423C33;
	font-weight: bold;
	text-decoration: underline; 
}
.news_contents {
	width:214px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #fff;
	border-top: solid 1px #AFAD8B;
	border-bottom: solid 1px #AFAD8B;
	border-left: solid 1px #AFAD8B;
	border-right: solid 1px #AFAD8B;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	color: #3F3421;
	text-align: left;
	float:left;
}
.news_contents a:hover, .news_contents a:active, .news_contents a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-weight: normal;
	color: #39F;
}
.news_list_area {
	width:100%;
	float:left;
}
.news_list {
	width:60px;
	height:20px;
	margin-right:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
	/* 角丸 */
	border-radius: 4px;        		/* CSS3 */  
    -webkit-border-radius: 4px;    	/* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   		/* Firefox用 */  
	border:1px solid #867B71;
	background-color:white;
	color: #867B71; 
	text-align: center;
	text-decoration: none; 
	float:right;
}
.news_list:hover{
	background-color:#F3F1ED;
	color: #3E5786; 
}

.news_list a:hover{
	color: #3E5786; 
}

.news_list a:link{
	text-decoration: none; 
}
.icon_right{
	padding-right:2px;
	padding-left:0px;
	padding-bottom:3px;
	vertical-align:middle;
}
.free_table_edit{
	/*background-color:green;*/		/* test */
	/*margin-left:20px;*/
}
#font_large{
	cursor:pointer;
	float:left;
}
#font_small{
	cursor:pointer;
	float:left;
}
.input_box{
	float:left;
}
#table_left{
	cursor:pointer;
	float:left;
}
#table_right{
	cursor:pointer;
	float:left;
}

.free_table1 table, .free_table1 td, .free_table1{
    border-collapse: collapse;
    /*border:1px solid #333;*/
    /*border:1px solid red;*/	/* test */
}
.free_table1{
	/*margin-left:20px;*/
}

.free_table2 table, .free_table2 td, .free_table2{
    border-collapse: collapse;
    border:1px solid #333;
    /*border:1px solid red;*/	/* test */
}
.free_table2{
	/*font-size:80px;*/
}
.table_edit_top{
	/*border:1px solid red;*/
	background-color:#CCDCEE;
}
.cell_input{
	font-size:12px;
}
.cell_edit{
	border:1px solid red;
}
.edit_layout_box{
	border:1px dashed #F30;
}
.subtitle {
	font-size: 11px;
	text-align: left;
	color: #423C33;
	font-weight: bold;
	text-decoration: underline; 
	
}
.view_cart {
	float:left;
}
.for_payment {
	width:858px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;
	border-top: solid 6px #FFA64D;
	border-bottom: solid 2px #FFA64D;
	border-left: solid 2px #FFA64D;
	border-right: solid 2px #FFA64D;
	background-color:#fff;
	float:left;
}
.for_payment_title {
	font-size: 16px;
	text-decoration:underline;
}
.complete_msg {
	font-size:20px;
	color:#06F;
	text-align:center;
}
.sns_btn {
	margin-top:4px;
	/*background-color:blue;*/	/* test */
	float:left;
}
.twitter-button {
	width:100px;
	height:28px;
	padding-top:1px;
	padding-left:5px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:orange;*/	/* test */
	float:left;
}
.twitter-button_blog {
	width:100px;
	height:28px;
	padding-top:4px;
	padding-left:5px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:orange;*/	/* test */
	float:left;
}

.facebook-button {
	width:125px;
	height:28px;
	margin-right:10px;
	padding-top:0px;
	padding-left:5px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:red;*/	/* test */
	float:left;
}
.facebook-share-button {
	width:110px;
	height:28px;
	padding-top:0px;
	padding-left:5px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:green;*/	/* test */
	/*text-align:left;*/
	float:left;
}
.google-button {
	width:120px;
	height:28px;
	padding-top:1px;
	padding-left:5px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:orange;*/	/* test */
	float:left;
}
.google-button_blog {
	width:100px;
	height:24px;
	padding-top:4px;
	padding-left:5px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:orange;*/	/* test */
	float:left;
}


.twitter-button_box {
	height:64px;
	margin-right:3px;
	padding-top:1px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:orange;*/	/* test */
	/*display:inline-block;*/
	/*text-align:right;*/
	vertical-align:bottom;
	float:left;
}
.twitter-button_box_upper {
	position:relative;
	height:38px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:2px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:orange;*/	/* test */
	/*display:inline-block;*/
	/*text-align:right;*/
	vertical-align:bottom;
	float:left;
}
.twitter-button_cnt_box {
	position: absolute;
	width:50px;
	height:26px;
	top:0px;
	left:0px;
	margin-left:0px;
	padding-left:8px;
	padding-right:8px;
	padding-top:7px;
	border:solid 1px #999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*color: #333;*/
	color:#4F4B48;
	/*background-color:green;*/	/* test */
	text-align:center;
}
.twitter-button_cnt_box:before {		/* p_order_free_err_hp_addressの前に▲を入れる　*/
	position: absolute;
	width: 0;
	height: 0;
	bottom:-9px;
	left:10px;
	border-top: solid 5px #999;
	border-left: solid 4px transparent;
	border-right: solid 4px transparent;
	border-bottom: solid 4px transparent;
	content: '';
}
.twitter-button_cnt_box:after {		/* p_order_free_err_hp_addressの前に▲を入れる（白抜き）　*/
	position: absolute;
	width: 0;
	height: 0;
	bottom:-6px;
	left:11px;
	border-top:  solid 4px white;
	border-left: solid 3px transparent;
	border-right: solid 3px transparent;
	border-bottom: solid 3px transparent;
	content: '';
}

.twitter-button_box_bottom {
	height:26px;
	padding-top:1px;
	padding-left:1px;
	padding-right:0px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:orange;*/	/* test */
	/*display:inline-block;*/
	/*text-align:right;*/
	vertical-align:bottom;
	float:left;
}
.twitter-button_box  iframe{
width:69px !important;
height:62px !important;
}
.facebook-button_box {
	/*width:130px;*/
	height:64px;
	padding-top:1px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:red;*/	/* test */
	/*display:inline-block;*/
	/*text-align:left;*/
	vertical-align:bottom;
	float:left;
}
.facebook-share-button_box {
	/*width:130px;*/
	height:64px;
	padding-top:1px;
	padding-left:5px;
	padding-right:3px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:red;*/	/* test */
	/*display:inline-block;*/
	/*text-align:left;*/
	vertical-align:bottom;
	float:left;
}
.google-button_box {
	/*width:69px;*/
	height:63px;
	padding-top:2px;
	padding-left:7px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:blue;*/	/* test */
	/*display:inline-block;*/
	vertical-align:bottom;         
	float:left;
}

.twitter-button_box2 {
	width:100px;
	height:65px;
	padding-top:0px;
	padding-left:7px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:orange;*/	/* test */
	/*display:inline-block;*/
	vertical-align:bottom;
	float:left;
}

.facebook-button_box2 {
	width:100px;
	height:64px;
	padding-top:1px;
	padding-left:5px;
	padding-right:3px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:red;*/	/* test */
	/*display:inline-block;*/
	/*text-align:left;*/
	vertical-align:bottom;
	float:left;
}
.google-button_box2 {
	width:100px;
	height:63px;
	padding-top:2px;
	padding-left:7px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:blue;*/	/* test */
	/*display:inline-block;*/
	vertical-align:bottom;         
	float:left;
}



.fb-like {
	width:125px;
	/*left:-35px;*/
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:green;*/	/* test */
	/*float:left;*/
}
.fb-comments {
	padding-left:5px;
	padding-bottom:4px;
	border-top: solid 0px #D6CDC5;
	border-bottom: solid 0px #D6CDC5;
	border-left: solid 0px #D6CDC5;
	border-right: solid 0px #D6CDC5;
	/*background-color:#fff;*/
	float:left;
}
#footer {
	width:960px;
	height:auto;
	top:0px;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*background-color:red;*/
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	/*clear: both;*/ /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #4F443E;
	text-align: center;
	vertical-align: middle;
/*	vertical-align: bottom;	*/
	font-weight: normal;
	float:none;
}
#c_page_top {
	width:960px;
	/*height: 20px;*/
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding-left: 0px;
	padding-right:0px;
	/*padding-top: 5px;*/
	/*padding-bottom: 5px;*/
	/*background-color: #9A8D85;*/
	/*background-color:red;*/ /* test */
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align:center;
	z-index:5000;
	/*float:left;*/
	float:none;
}
#c_page_top a:link {
	color: #fff;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
#c_page_top a:visited {
	color: #fff;
	/*text-decoration: underline;*/
}
#c_page_top_in {
	width:35px;
	height:35px;
	background-image:url(../img/button/jump_top1.png);
	background-repeat:no-repeat;
	z-index:5001;
	float:right;
}

#c_page_top_in:hover, #c_page_top_in a:hover, #c_page_top_in a:focus{
	width:35px;
	height:35px;
	background-image:url(../img/button/jump_top2.png);
	background-repeat:no-repeat;
	z-index:5001;
	/*float:left;*/
}

#c_page_top2 {
	width:160px;
	height: 20px;
	margin-top:50px;
	margin-left:940px;
	padding-left: 0px;
	padding-right:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9A8D85;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align:center;
	float:left
}
#c_page_top2 a:link {
	color: #fff;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
#c_page_top2 a:visited {
	color: #fff;
	/*text-decoration: underline;*/
}
#footer_area {
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	/*margin-top:15px;*/
	/*padding-top: 10px;*/
	/*padding-bottom:5px;*/
	/*background-color: #D1C6C0;*/
	/*background-color: orange;*/	/* test */
	/*float:left;*/
}
#footer_link_area {
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.footer_list {
	padding-top: 5px;
	text-align:center;
}
.footer_list li {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
}
.footer_list li+li {
	border-left:1px solid #999;
}
#footer_last {
	width:960px;
	height:36px;
	padding-top: 5px;
	padding-bottom: 5px;
	/*background-color: orange;*/	/* test */
	text-align:center;
	float:left;
	position:relative;
}
#footer_last2 {
	width:960px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:center;
}
#footer_img {
	width: auto;
	/*height:50px;*/
	/*top:-20px;*/
	/*background-image:url（別途指定）*/
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
	background-attachment:scroll;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
}
#footer_img_in {
	width: auto;
	/*height:50px;*/
	/*top:-20px;*/
	/*background-image:url（別途指定）*/
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
	background-attachment:scroll;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
}
#footer_img_repeat {
	width: auto;
	height:600px;
	/*background-image:url（別途指定）*/
	background-repeat: repeat-y;
	background-position: center top;
	background-size: auto;
	background-attachment:scroll;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
}
#footer_line {
	width:0px;
	margin-left:auto;
	margin-right:auto;
	border-top: solid 0px #D2CAC4;
}
.p_button_kakunin_center {
	width:100%;
	padding-top:10px;
	text-align:center;
	float:left;
}
table.table_space_none {
	border-collapse: collapse;
	boder:0px;
}
table.table_space_none tr td {
	/*padding:0px;*/
}
.hissu_align {
	vertical-align:middle;
}