/* =========================================================
  Chat Style Sheet
  editor:   INDEX CO.,ltd
  lastdate: 2009.07.10
  
========================================================= */

/* ----- Base Setting ----- */
* {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
li {
	list-style-type: none;
}
img {
	border:none;
}
a {
	color: #FF9900;
	text-decoration:none;
/*	outline:none;*/
}
a:hover {
	color: #FF9900;
	text-decoration:underline;
}
.al-right {
	text-align: right;
}
.tx-center {
	text-align: center;
}
.tx-left {
	float:left;
}
.tx-right {
	float:right;
}
.tx-none { text-indent: -9999px; }
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.tx-bold { font-weight: bold; }
.tx-900 { color: #900; }
.text-50B39F{ color: #50B39F; }
.tx-ff0000 { color:#FF0000; }
.tx-ff9900 { color:#FF9900; }
.tx-ff6600 { color:#FF6600; }
.tx-C0262D { color:#C0262D; }
.tx-0E3192 { color:#0E3192; }
.tx-4DAF4A { color:#4DAF4A; }
.tx-A570B4 { color:#A570B4; }
.tx-F76898 { color:#F76898; }
.img-left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.img-right {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
.hr-ccc{
	border: none;
	height: 1px;
	border-top: 1px solid #ccc;
	margin: 20px 0;
}
.icon_01 {
	background-image:url(/images/base/icon_01.gif);
	background-position: 0 0.5em;
	background-repeat:no-repeat;
	padding-left: 0.5em;
	
}

/*clearfix
--------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/* Base Style
-------------------------------------------------- */
html {
	background-color: #fff;
}
body {
	font-size: 13px;
	font-family: Arial, "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
	*font-size:small;
	*font:x-small;
	line-height: 160%;
	color: #000;
	text-align: center;
}
#container {
	margin: 0px auto;
	width: 940px;
	text-align:left;
 	margin-bottom: 30px;
}

/* MainContentsArea
-------------------------------------------------- */
#main {
	width: 700px;
	display: inline;  /* IE */
	position:relative;
	overflow:hidden;
	top: 30px;
}

/* headerArea
-------------------------------------------------- */
#header {
	width: 700px; height: 105px;
	background:url(/images/base/header_bg.gif) no-repeat top;
}
#top_logo {
	width: 497px; height: 95px;
	background:url(/images/base/header_logo.gif) no-repeat top;
}
#top_logo a {
	text-indent: -9999px;
	display: block;
	width: 205px; height: 95px;
	position: relative;
	outline: none;　
	
}

/* gmArea
-------------------------------------------------- */
#gm {
	width: 700px; height: 44px;
	margin:9px 0 18px 0;
	background:url(/images/base/gm.gif) no-repeat top;
}
#gm ul li {
	float: left;
	height: 44px;
	position: relative;
	overflow: hidden;
}
#gm ul li a {
	display: block;
	height: 44px;
	text-indent: -9999px;
	position: relative;
	margin-right: 5px;
}
#gm01, #gm01-a { width:56px; }
#gm02, #gm02-a { width:116px; }
#gm03, #gm03-a { width:101px; }
#gm04, #gm04-a { width:91px; }
#gm05, #gm05-a { width:101px; }
#gm06 {
	width:222px;
}
#gm06 select {
	position: relative;
	top:8px;
	left: 15px;
	width:40px;
	margin-right:5px;
}
*html #gm06 select {
	top:10px;
}
#gm06 input.btn {
	position: relative;
	top:12px;
	left: 14px;
}
#gm06 input.txt {
	position: relative;
	top:8px;
	left: 10px;
	width:150px;
	padding:2px;
}


/* contentsArea
-------------------------------------------------- */
#contents {
	position: relative;
	width: 700px;
	background-color:#ffffff;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

/* key-imgArea
-------------------------------------------------- */
#key-img img {
	margin-bottom: 20px;
}
#sub_key-img {
	margin-bottom: 10px;
}

/* left Area 
-------------------------------------------------- */
#main h3 {
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#mt_top-01 {
	background-image:url(/images/base/mt_top01.gif);
	margin-bottom: 14px;
	height: 20px;
}
#mt_top-02 {
	background-image:url(/images/base/mt_top02.gif);
	height: 20px;
}
#mt_about {
	background-image:url(/images/common/mt_about.gif);
	height: 21px; margin-bottom:20px;
}
#mt_note {
	background-image:url(/images/common/mt_note.gif);
	height: 21px; margin-bottom:20px;
}
#mt_link {
	background-image:url(/images/common/mt_link.gif);
	height: 21px; margin-bottom:20px;
}
#mt_location {
	background-image:url(/images/common/mt_location.gif);
	height: 21px; margin-bottom:20px;
}
#mt_premium_list {
	background-image:url(/images/coupon/mt_premium_list.gif);
	height: 141px; margin-bottom:10px;
}
#mt_album {
	background-image:url(/images/common/mt_album.gif);
	height: 62px; margin-bottom:10px;
}

/* cat_list 
--------------------------------------------*/
#cat_list li {
	display: inline;
	margin-right: 3px;
}


/* sidebar Area
-------------------------------------------------- */
#sidebar {
	display:inline; /* IE6 */
	width: 220px;
	overflow:hidden;
	position:relative;
	top: 30px;
}
#sidebar img.bnr { margin-bottom: 10px; }

#sidebar h3 {
	background-repeat:no-repeat;
	background-position:0 0;
	height: 18px;
	width: 100%;
	text-indent: -9999px;
}
#sidebar h3#blog {
	text-indent: 0; 
	height: 61px;
	margin-bottom: 15px;
}
#sidebar h3#st_top-04 {
	text-indent: -9999px; 
	height: 41px;
	background-image:url(/images/base/st_top04.gif);
}
.st_top_box02 {
	margin-bottom: 20px;
	width:218px; height:195px;
	background:url(/images/base/st_top04_bg.gif) no-repeat 0 0;
}
.st_top_box02 p {
	padding:5px 10px 0 10px;
	line-height:1.3;
	font-size:10px;
}

#st_top-01 { background-image:url(/images/base/st_top01.gif); margin-bottom: 6px;}
#st_top-02 { background-image:url(/images/base/st_top02.gif); margin-bottom: 6px;}
#st_top-03 { background-image:url(/images/base/st_top03.gif); margin-bottom: 6px;}

.sb_title {
	margin-right: 10px;
}
#btn_login {
	background-image:url(/images/base/ar_01.gif);
	background-position: 0 0.8em;
	background-repeat:no-repeat;
	padding-left: 0.5em;
	margin-left: 40px;
}
ul.sidebar_st {
	margin-bottom:15px;
}

/* cont_box
--------------------------------------------*/
.cont_box01{
	margin-bottom: 30px;
}
.cont_box02{
	margin-bottom: 20px;
	border :1px solid #ccc;
	overflow-y: scroll;
	width: 682px; height:110px;
}
.cont_box03{
	margin-bottom: 20px;
}
.cont_box04{
	margin-bottom: 10px;
}
.s_box01 {
	margin-bottom: 20px;
}
.s_box02 {
	border:1px solid #ccc;
	border-top: none;
	margin-bottom: 20px;
	padding: 10px;
}

/* list_box
--------------------------------------------*/
.dl_list01 {
	margin-bottom: 30px;
	padding:10px;
}
.dl_list01 dt {
	clear:left;
	background-color: #FCE5EE;
	float: left;
	margin-right: 10px; padding:0 5px;
}
.dl_list01 dd {
	line-height: 140%;
	margin-bottom: 8px;
}
.sm_box_01 {
	width:219px; height:62px;
	background:url(/images/base/sm_bg_01.gif) no-repeat 0 0;
	margin-bottom:5px;
}
.sm_box_01_img img { margin:7px 8px 0 23px; }
.sm_box_01_text { margin:13px 10px 0 0; width:125px; line-height:1.3; }

.sm_box_02 {
	width:219px; height:62px;
	background:url(/images/base/sm_bg_02.gif) no-repeat 0 0;
	margin-bottom:5px;
}
.sm_box_02_img img { margin:7px 8px 0 23px; }
.sm_box_02_text { margin:8px 10px 0 0; width:125px; line-height:1.1; }

.sm_box_03 {
	width:219px; height:62px;
	background:url(/images/base/sm_bg_03.gif) no-repeat 0 0;
	margin-bottom:5px;
}
.sm_box_03_img img { margin:7px 8px 0 23px; }
.sm_box_03_text { margin:8px 10px 0 0; width:125px; line-height:1.1; }


.dl_list02 dt {
	float:left;
	margin:7px 8px 0 23px;
	width:50px; height:50px;
}
.dl_list02 dd {
	line-height: 130%;
	padding-top:13px;
	width:138px;　height:62px; font-size:small;
}
.dl_list03 dt {
	clear:left;
	float: left;
	margin-right: 10px;
}
.dl_list03 dd {
	line-height: 130%;
	margin-bottom: 10px;
}
.ul_list01 {
}
.ul_list01 li {
	display: inline;
}

/* page_navi
--------------------------------------------*/
.page_navi {
	margin: 0 10px 10px 0;
}
.page_navi li {
	padding: 0;
	margin-right: 5px;
}

.page_navi a {
	color: #562306;
	text-decoration:underline;
}

/* table tbl_01
--------------------------------------------*/
.tbl_01 {
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%;
	border:1px solid #fff;
	font-size: 100%;
}
.tbl_01 td {
	border-bottom: 1px dotted #50B39F;
	border-right: 1px dotted #50B39F;
	padding: 20px;
	
}
.tbl_01 td img {
	margin: 0 10px 10px 0;
}
.tbl_02 {
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%;
	font-size: 100%;
	line-height: 25px;
}
.tbl_02 th {
	background-color:#FDD1A3;
	font-weight: normal;
	padding: 0 10px;
	vertical-align: top;
	border-bottom: 1px solid #fff;
}
.tbl_02 td {
	background-color:#FEF0DF;
	padding: 0 10px;
	border-bottom: 1px solid #fff;
}
.tbl_03 { 
	border-spacing: 0;
	width: 688px;
	line-height: 30px;
	text-align:center;
	border-right: 1px solid #71BF6E;
	border-left: 1px solid #71BF6E;
	margin-bottom:20px;
}
.tbl_03 th {
	background-color:#71BF6E;
	font-weight:bold;
	padding: 2px 0;
	color:#fff;
	border-bottom: 1px solid #71BF6E;
}
.tbl_03 td {
	background-color:#FFFFFF;
	padding:5px 20px 15px 20px;
	border-bottom: 1px solid #71BF6E;
}
.tbl_03 td input.input_660px {
	width:628px;
	padding:5px;
}
.tbl_04 {
	width: 100%;
	font-size: 100%;
	line-height: 25px;
}
.tbl_04 th {
	font-weight: normal;
	padding: 0 15px;
	vertical-align: top;
	text-align:right;
}
.tbl_04 td {
	padding: 0 15px;
}


/* Premium Coupon
--------------------------------------------*/
#premium_list {
	width: 685px; height:65px;
	background:url(/images/coupon/premium_list_bg.gif) no-repeat top;
	margin-bottom:20px;
}
#premium_list li {
	margin-bottom:0;
	padding:0;
}
#premium_list li ul li { padding: 0; }

#premium_list .pl_img a {
	background:url(/images/coupon/premium_list_btn.gif) no-repeat 0 0;
	width:60px; height:60px;
	text-indent:-9999px;
	display:block; margin-right:15px;
}
#premium_list .pl_img a:hover { background-position:0 -60px; }

#premium_list .pl_text { margin-top:5px; width:590px; }
#premium_list .pl_text h5 {
	font-size: 180%;
	margin-bottom:5px;
	font-weight:normal; color:#ff0000;
}
#premium_list .pl_text h5 a {
	color: #562306;
}
#premium_list .pl_text p {
	line-height: 170%;
}


/* Album
--------------------------------------------*/
.album_box {
	width: 685px;
	background:url(/images/common/album_bg.gif) repeat-y top;
	margin:0; padding:0;
}
dl.album_list {
	margin-bottom:20px;
	margin-right:25px;
	width:150px;
	float:left;
}
dl.album_list_02 {
	margin-bottom:10px;
	margin-right:0;
	width:150px;
	float:left;
}
dl.album_list dt img, dl.album_list_02 dt img {
	border:1px solid #CCC;
	width:150px;
}
dl.album_list dd, dl.album_list_02 dd {
	text-align:center;
	width:120px;
	line-height:1.2;
	font-size:12px;
}
dl.album_list dd p, dl.album_list_02 dd p {
	text-align:left;
	width:150px;
	line-height:1.1;
}


/* present
--------------------------------------------*/
.mt_present_title {
	background:url(/images/present/mt_present.gif) no-repeat left top;
	width:688px; height:52px;
	display:block; margin-bottom:10px;
}
.mt_present_title p {
	padding:10px 5px 5px 485px;
	font-size:130%; font-weight:bold;
	color:#FFFFFF;
}
dl.present_list {
	margin-bottom:10px;
	margin-right:22px;
	width:155px;
	float:left;
}
dl.present_list_02 {
	margin-bottom:10px;
	margin-right:0;
	width:155px;
	float:left;
}
dl.present_list dt img, dl.present_list_02 dt img {
	border:1px solid #CCC;
	width:155px;
}
dl.present_list dd h5, dl.present_list_02 dd h5 {
	text-align:center;
	text-indent:-10px;
	width:155px;
	font-size:123.1%;
}
dl.present_list dd, dl.present_list_02 dd {
	text-align:left;
	width:155px;
	line-height:120%;
}
.present_info_01 {
	background:url(/images/present/present_info_01.gif) no-repeat left top;
	width:688px; height:35px;
	display:block; margin-bottom:15px;
}
.present_info_01 p {
	padding:0 0 0 192px;
	line-height:1.2;
}
.present_info_02 {
	background:url(/images/present/present_info_02.gif) no-repeat left top;
	width:688px; height:54px;
	display:block; margin-bottom:35px;
}
.present_info_02 p {
	padding:0 0 0 192px;
	line-height:1.2;
}



/* footerArea
-------------------------------------------------- */
#footer {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width: 910px; height: 45px;
	margin: 0 auto;
	margin: 20px 0;
	padding-left: 30px;
	clear:both;
	float:left;
}
#foot_navi li {
	background-image:url(/images/base/icon_01.gif);
	background-position: 5px 2px;
	background-repeat:no-repeat;
	display: inline;
	line-height: 45px;
	padding-left: 1.3em;
}
#foot_navi li a {
	color: #666;
}

#foot_copy {
	position: relative;
	line-height: 45px;
}
#foot_copy img {
	position :absolute;
	top: 18px;
	right: 30px;
}
#foot_text {
	margin-left: 30px;
	width: 330px;
}