/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background:none;
	color: #333333;
	font-size: 88%;
}

/* safari only \*/
html:\66irst-child body {
font-size:88%;
}


h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

p, ol, ul, dl, li, dt, dd, blockquote, form {
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

h1, h2, h3, h4, h5, h6, ol, li, dt, dd{
	margin: 0;
	padding: 0;
	line-height: 1.1;
}

table, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

a img{
	border: none;
}

/* Hides from IE-mac \*/
#mainbox * html ul.toTop01 {height: 1%;}
#mainbox ul.toTop01 {display: block;}
/* End hide from IE-mac */
/* mac ie 5 \*//*/
/* mac ie 5 */

a,
a:link,
a:visited {
	color: #3366CC;
	text-decoration: underline;
}

a:hover {
	color: #3366CC;
	text-decoration: underline;
}

/*div.clear
--------------------*/
div.clear {
	clear: both;
	margin-top: -1px;
	height: 1px;
	visibility: hidden;
}

div.clear img {
	width: 100%;
}

/*fontsize
--------------------*/
.small{
	font-size:83%;
}

.smallest{
	font-size:70%;
}


/*
----------------------------------------------*/

div#header{
	text-align:center;
}

div#bList{
	margin:0 0 0 30px;
}

h1.mytiptoha{
	margin-bottom:1em;
}

h1.personal{
	width:796px;
	height:24px;
	margin-bottom:1em;
}

h2{
	font-size:120%;
	font-weight:bold;
	background:url(../img/sidebar3.gif) left center no-repeat;
	padding:0 0 0 10px;
	margin-bottom:1em;
}


div#allWrapped{
	margin:0 0 20px 0;
	padding:0;
	width:872px;
	min-height:700px;
	_height:700px;
	background:url(../img/side_back.gif) repeat-y;
}

div#allWrappedCenter{
	margin:0 auto;
	padding:0;
	width:918px;
	min-height:700px;
	_height:700px;
	background-image:url(../../common/img/bak_img_center.jpg);
}

div#contentWrapped{
	width:765px;
	margin:5px auto 30px auto;	
	min-height:500px;
	_height:500px;
}

div#contentWrapped2{
	width:800px;
	margin:5px auto 30px auto;	
	min-height:500px;
	_height:500px;
}

div.orangeBlock{
	border:solid 2px #FA8605;
	padding:20px;
	margin:0 0 20px 0;
}

/*
--------------------------------*/

div.localTableBlock{
	text-align:center;
}

table.localTable{
	width:578px;
	font-size:88%;
	border-collapse:collapse;
	border:solid 1px #333333;
	padding:0;
	margin:0 auto 10px auto;
}

table.localTable td,
table.localTable th{
	border:solid 1px #000;
	padding:10px;
	text-align:left;
}

table.localTable th{
	background:#FFDA93;
}

div.sendbtn{
	width:578px;
	text-align:center;
	padding:10px 0;
	margin:0 auto 2em auto;
	background:#eee;
}

div.kaiinbtn a{
	width:182px;
	height:27px;
	display:block;
	text-align:center;
	margin:0 auto 20px auto;
	background:url(../personallogin/img/btn01.gif) left top no-repeat;
}

div.kaiinbtn p{
	text-indent:-9999px;
}


.aligncenter{
	text-align:center;
}

div.loginbtn{
	float:left;
	margin:20px 0 0 0;
	width:320px;
}

div.loginbtn table{
	margin:0 auto;
}

div.loginbtn span{
	float:right;
	margin:0 20px 0 0;
}

div.loginbtn table td a{
	display:block;
	text-indent:-9999px;
	background:url(../img/btn02.gif) right top no-repeat;
	width:320px;
	height:27px;
	margin:0 0 5px 0;
}

div.tourokubtn{
	float:right;
	margin:20px 0 0 0;
	width:320px;
}

div.tourokubtn table{
	margin:0 auto;
}

div.tourokubtn table td a{
	display:block;
	text-indent:-9999px;
	background:url(../img/btn01.gif) left top no-repeat;
	width:320px;
	height:27px;
	margin:0 0 0 0;
}

/*bannerBlock
--------------------------------*/
div#bannerBlock{
	width:710px;
	margin:0 auto 20px auto;
}

div#bannerBlock img{
	margin:0 0 20px 0;
}

div#bannerBlock ul{
}

div#bannerBlock ul li{
	list-style:none;
	float:left;
}

div#bannerBlock ul li.left{
	float:left;
}

div#bannerBlock ul li.right{
	float:right;
}

/*table
--------------------------------*/

div.tourokuTable{
}

div.tourokuTable_sp{
	width:66.6%;
}

div.tourokuTable table{
	padding:0;
	border-collapse:collapse;
	margin:0 0 10px 0;
}

div.tourokuTable_sp table{
	padding:0;
	border-collapse:collapse;
	margin:0 0 10px 0;
}

div.tourokuTable table th{
	border:solid 1px #000;
	padding:10px;
	text-align:left;
	color:#333;
	font-weight:bold;
	background:#F1F1F1;
}

div.tourokuTable_sp table th{
	border:solid 1px #000;
	padding:10px;
	text-align:left;
	color:#333;
	font-weight:bold;
	background:#F1F1F1;
}

div.tourokuTable table td{
	border:solid 1px #000;
	width:33%;
	padding:10px;
	line-height:1.6;
	font-size:88%;
}

div.tourokuTable_sp table td{
	border:solid 1px #000;
	width:50%;
	padding:10px;
	line-height:1.6;
	font-size:88%;
}


div.topicpass2{
	margin:10px 0 0 30px;
}

#function1{
	display:inline-block;
	height:17px;
	background:url(../img/icon01.gif) left top no-repeat;
	padding:3px 0 0 22px;
}

#function2{
	display:inline-block;
	height:17px;
	background:url(../img/icon02.gif) left top no-repeat;
	padding:3px 0 0 22px;
}

#function3{
	display:inline-block;
	height:17px;
	background:url(../img/icon03.gif) left top no-repeat;
	padding:3px 0 0 22px;
}

#function4{
	display:inline-block;
	height:17px;
	background:url(../img/icon04.gif) left top no-repeat;
	padding:3px 0 0 22px;
}

#function5{
	display:inline-block;
	height:17px;
	background:url(../img/icon05.gif) left top no-repeat;
	padding:3px 0 0 22px;
}

#function6{
	display:inline-block;
	min-height:17px;
	background:url(../img/icon06.gif) left top no-repeat;
	padding:3px 0 0 22px;
}

#function7{
	display:inline-block;
	height:17px;
	background:url(../img/icon07.gif) left top no-repeat;
	padding:3px 0 0 22px;
}

#function8{
	display:inline-block;
	height:17px;
	background:url(../img/icon08.gif) left top no-repeat;
	padding:3px 0 0 22px;
}

#function9{
	display:inline-block;
	height:17px;
	background:url(../img/icon09.gif) left top no-repeat;
	padding:3px 0 0 22px;
}

#function10{
	display:inline-block;
	height:17px;
	background:url(../img/icon10.gif) left top no-repeat;
	padding:3px 0 0 22px;
}

#function11{
	display:inline-block;
	height:17px;
	background:url(../img/icon11.gif) left top no-repeat;
	padding:3px 0 0 22px;
}


.colorText{
	color:#c20000;
}

.attentionText{
	color:#ff0000;
}

/*personallogin
-----------------------------------------*/
.detailBtn a{
	background:url(../img/btn_detail1.gif) right top no-repeat;
	display:block;
	width:130px;
	height:21px;
	text-indent:-9999px;
	float:right;
}

/*
-----------------------------------------*/
.kaiin01{
	width:710px;
	margin:0 auto 5px auto;
/*	float:left;	
/*	margin:0 0 3em 90px;
	*margin:0 0 3em 80px;
	_margin:0 0 3em 43px;
*/	background:#eee;
	border:solid 1px #aaa;
}

.kaiin01 p{
	margin:10px 40px 10px 40px;
}

.margintext01{
	margin:0 0 1em 110px;
}

.special01{
	margin:0 20px 2em 0;
	_margin:0 10px 2em 0;
}

.special01 p{
	background:url(../img/arrow-r.gif) right 7px no-repeat;
	padding:0 10px 0 0;
}
/*
----------------------------------------*/
table.kaiinbetsu{
	border-collapse:collapse;
	border:solid 1px #ccc;
	width:796px;
}

table.kaiinbetsu tr{
}

table.kaiinbetsu td{
	border:solid 1px #ccc;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

table.kaiinbetsu th{
	background:#333333;
	border:solid 1px #ccc;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
}

.kaiin02{
	margin:1em 0 1em 0;
}

/*teaser
-----------------------------------------*/

div.teaser{
	background:#eeeeee;
	padding:100px;
	text-align:center;
	margin:0 0 1em 0;
	border:solid 1px #666;
}

div.teaser p{
	color:#f00;
	font-size:140%;
}

/*
/*whatsmt
-----------------------------------------*/
h1.whatsmt{
	width:796px;
	height:24px;
	margin-bottom:1em;
	background:url(../img/h1_whatsmt.gif) left top no-repeat;
}

#whatsmtwrap {
	width: 758px;
	padding: 20px 0px 0px 20px;
	text-align: center;
}

#whatsmtwrap h2 {
	background: none;
	padding: 0px;
}

div.newstitle{
	margin:10px 0 0 0;
}

.links {
/*	float: left;
*/	margin: 0px 0 5px 0;
	padding: 0px 0px 8px;
	width: 700px;
	text-align: left;
}
.links ul {
	margin: 0px;
	padding: 0px;
	width: 700px;
}
.links ul li {
	background: url(../img/whatsmt_news_line.gif) no-repeat left bottom;
	padding: 0px 0px 5px 12px;
	list-style: none;
	margin: 0px 0px 10px;
    clear:both;
	width: 700px;
}
.links ul li p{
	margin:0 0 0 60px;
	padding:0;
}

div.mobileArea{
	width:692px;
	border:solid 2px #ccc;
	padding:10px;
	_padding:10px 10px 0 10px;
	margin:0 0 25px 0;
}

div#qrBoxL{
	float:left;
	width:46%;
	background:#eee;
	padding:10px;
	margin:5px 0 5px 0;
}

html*div#qrBoxL p{
	letter-spacing:-1px;
}

html*div#qrBoxL p a{
	letter-spacing:0px;
}

body:first-of-type div#qrBoxL p{
	letter-spacing:-1px;
}

body:first-of-type div#qrBoxL p a{
	letter-spacing:0px;
}

div#qrBoxR{
	float:right;
	width:46%;
	background:#eee;
	padding:10px;
	margin:5px 0 5px 0;
}

div.qrCode{
	float:right;
	margin:0 0 0 10px;
	_margin:0 0 0 10px;
	padding:0;
	height:77px;
	overflow: hidden;
}

.links ul li a {
	margin: 0px;
	padding: 0px;
}

#whatsmtbtn {
	margin: 35px 0px 0px;
}

#whatsmtbtn02 img {
	margin:0 5px 0 0;
}

/*会員限定コンテンツ
-------------------------*/

div#kaiincontentsbox {
	border: 1px solid #8f8667;
	padding: 3px 2px 3px 2px;
	margin-top: 5px;
	width:100%;
}

div#kaiincontentsboxinner {
	padding: 0 0 0 10px;
}

div#kaiincontentsbox h4{
	height:22px;
	background:url(../img/clm_kaiin_bg.gif) left top repeat-x;
	margin:0 0 10px 0;
}

div#kaiincontentsbox h4 img{
	margin:5px 0 0 8px;
}

ul#karadalist li div#presentname {
	color: #555;
	font-weight: bold;
	padding-top: 0px;
	margin: 0px 0 10px 0;
}

div.floatLeft{
	float:left;
}

div#bannerBlock div#karadaplus{
	float:left;
	margin:0 10px 0 0;
}

div#bannerBlock div#karadaplus img{
	margin:0;
	padding:0;
}

div#bannerBlock .gentei{
	clear:both;
	margin:20px 0 0 0;
}

div#bannerBlock .gentei img{
	margin:0 0 15px 0;
	clear:both;
}

div#bannerBlock #presenttext{
	text-align:left;
}

ul#karadalist li.photo{
}

ul#karadalist li.photo img{
	border: 2px solid #967536;
	padding: 0;
	margin: 0;
}

ul#karadalist li.text{
	margin-left: 10px;
	margin-right: 0px;
	width:540px;
}

div#bannerBlock #btnpresent img{
	margin:0;
}

div#bannerBlock #btnpresent{
	clear:both;
	padding:10px 0 10px 0;
	margin:8px 10px 5px 0;
	text-align:center;
	/*border-top:solid 1px #999;*/
}

div.list_footer_line{
	text-align:center;
}

div.footer{
	margin:0 0 0 30px;
}

/*
csshack
-------------------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;  /*footerの隙間解決用*/
}

.clearfix {
  min-height: 1px;
}

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


/*kaiinlist
----------------------------*/

#kaiinlistAnchor{
	margin:20px 0 0 0;
	width:796px;
}

#kaiinlistAnchor li{
	float:left;
	margin:0 5px 0 0;
	list-style:none;
}

#kaiinlistAnchor li.last{
	margin:0;
	padding:0;
}

#kaiinlistAnchor li img{
	margin:0;
}


.margintop{
	padding-top:10px;
}

#anchorpoint1{
	margin:0 0 10px 0;
}

#anchorpoint2{
	margin:20px 0 10px 0;
}

#anchorpoint3{
	margin:20px 0 10px 0;
}

.attentionBlock{
	width:710px;
	margin:0 auto 3em auto;
	font-size:80%;
}

.bgattention{
	background:#FF6;
}