/* CSS Document */

@charset "utf-8"; 		/* 文字コードセット */
 
/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

html{
	overflow-y: scroll;
	background: #FFFFFF;
}

body{
	background:url(http://300.wi2.co.jp/images/common/bg01.jpg) repeat-x top center #fff; /* 背景 */
	text-align: center;
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica,sans-serif,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
	line-height: 1.4em;
}

#wrapper{
	width: 800px;
	color: #333333;
	margin: 0px auto;
	text-align: left;
/*	border-left: #C6C3C3 solid 1px;*/
/*	border-right: #C6C3C3 solid 1px;*/
}

.txt-or {
	color: #FF6600;
	font-weight: bold;
	font-size: 14px;
}

.bottom-or {
	color: #FF6600;
	font-size: 12px;
	text-align: center;
}

/* リンク
---------------------------------------------------- */
a {
/**/
 overflow: hidden;
/**/
}

a:link {
	color: #00a0e9;
	text-decoration: none;
	background: transparent;
}
a:visited {
	color: #00a0e9;
	text-decoration: none;
	background: transparent;
}
a:hover, a:active {
	color: #00a0e9;
	text-decoration: underline;
	background: transparent;
}

a img {
  border: none;
  color: #ffffff;
  background: transparent;
}

/* ヘッダ
---------------------------------------------------- */
#header p#navi_mypage{
	position:relative;
	text-align:right;
	margin:0;
}
#header p#navi_mypage a{
	position:absolute;
	display:block;
	top:-64px;
	right:0;
}
#header #logo {
float: left;
width: 441px;
}
#header h1{
float: left;
}
#header h1 img{
}
#header #right-side{
width: 260px;
float: right;
}
#header #right-side #mypage{
width: 260px;
float: right;
}

#header #right-side #mypage img{
margin-left: 5px;
float: right;
}

#header #right-side #links{
margin-top: 7px;
width: 170px;
}
#header #right-side #links #add-clips{
float: left;
}
#header #right-side #mailicon{
float: right;
}
#header #navi{
}

ul#navi{
	padding-top:36px;
	list-style:none;
}
ul#navi li{
	float:left;
}
ul#navi img{
	vertical-align:bottom;
}

/* コンテンツエリア
---------------------------------------------------- */
#contents {
	width: 800px;
	padding: 20px 0;
	margin: 0 auto;
	border-left: #C6C3C3 solid 1px;
	border-right: #C6C3C3 solid 1px;
}

#contents p {
	margin: 0 20px;
	padding-bottom: 10px;
}

.title-bar {
	margin-top: 15px;
}

.title-bar2 {
	float: right;
	margin-top: 15px;
}

.float-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.step {
	width: 800px;
	margin: 10px 0;
}

.checkitem {
	margin-top: 30px;
}

table.layout {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
}

table.layout td.q {
	color: #7CA600;
	padding-bottom: 6px;
	font-weight: bold;
	vertical-align: top;
}

table.layout td.anum {
	padding-bottom: 6px;
	font-weight: bold;
	vertical-align: top;
}

table.layout td.atxt {
	padding-bottom: 6px;
}

table.layout td.other {
	padding-top: 20px;
}

table.layout td.figure {
	padding-top: 8px;
	padding-bottom: 20px;
}

.figure-left {
	margin-right: 20px;
}

#contents p.tx-gr {
	padding-top: 15px;
	color: #666666;
}

table.btn {
	margin-top: 30px;
}


/* 取り扱い店舗
---------------------------------------------------- */
.capture-box-wrapper{
	width: 790px;
	padding:0px;
	margin: 0px 0px 15px 0px;
}

.capture-box-left{
	width: 400x;
	padding:0px;
	margin: 0px;
	float: left;
}

.capture-box-right{
	width: 380x;
	padding:0px;
	margin: 0px;
	float: right;
}

.capture-box-left p.title, .capture-box-right p.title {
	padding: 7px;
	font-weight: bold;
	text-align: center;
}

.capture-box-left p, .capture-box-right p {
	padding: 5px 10px 0px 10px;
}

.capture-box-right p.narrow {
	padding: 5px 40px 0px 40px;
}

.capture-box-left p.cap-img, .capture-box-right p.cap-img {
	padding: 5px 0px 0px 0px;
	text-align: center;
}


/* フッタ
---------------------------------------------------- */
#footer{
	background:url(../../images/common/footer_bg.gif) repeat-x #eee;
	font-size:75%;
	padding:25px 0 30px 0;
	text-align:center;
}
#footer-box{
	width:820px;
	margin:0px auto; /* 新しいブラウザ用中央揃え */
	text-align:center;  /* 内容を左揃えに戻す */
}

/* フッタのテキストリンク（#footer-link）---------- */
#footer-link a{
	text-decoration:none;
	color:#999;
}
#footer-link a:hover,#footer-link  a:active {
	color:#999; /* マウスオーバー、アクティブリンクの色 */
	text-decoration:underline;
	background:transparent; /* 背景透明 */
}
#footer-link{
	padding-bottom:12px;
	list-style:none;
}
#footer-link li{
	display:inline;
	border-right:#999 1px solid;
	padding:0 3px;
	line-height:1;
}
#footer-link li.last{border:none;}