@charset "Shift_JIS"; 		/* 文字コードセット */
 
/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px; /* 各ブラウザの独自解釈をリセット */
	padding: 0px;
}
html{
	overflow-y:scroll;
	background:#eee; /* 背景 */
	}
body{
	background:url(../images/common/bg01.jpg) repeat-x top center #fff; /* 背景 */
	text-align:center; /* IE5.5以前用中央揃え */
	font-size:80%;
	font-family:Verdana,Arial,Helvetica,sans-serif,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
	line-height:1.4;
}
#wrapper{
	width:820px; /* 基本ページ幅 */
	color:#333; /* 基本文字色 */
	margin:0px auto; /* 新しいブラウザ用中央揃え */
	text-align:left;  /* 内容を左揃えに戻す */
}
 
/* リンク
---------------------------------------------------- */
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: 370px;
float: right;
}
#header #right-side #mypage{
width: 370px;
}

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

#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;
}
 
/* コンテナ
---------------------------------------------------- */
p.keyvisual {
	margin: 20px 0;
}

/* メイン
---------------------------------------------------- */
#main{
	padding-left:20px;
    background:url(../images/common/main_bg.gif) repeat-y;
}

/* メイン左側ボックス
---------------------------------------------------- */
#left-box{
	width:545px;
	font-size:95%;
	float:left;
}
#left-box-inner{
	padding-left:20px;
}
h3{
    background:url(../images/common/mark_h3.gif) no-repeat;
	padding-left:20px;
	margin-bottom:14px;
	font-weight:normal;
	font-size:150%;
}
h4{
    background:url(../images/common/mark_h4.gif) no-repeat;
	padding:0 0 10px 12px;
	margin:38px 0 14px 0;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	font-size:120%;
}
h4.mgn-t30{
	margin-top:30px;
}
.text01 p{
	margin-bottom:15px;
}
.text-center p{
	margin-bottom:15px;
	text-align: center;
}
.btn-registration p{
	margin-top:30px;
	text-align: center;
}
span.small{
	font-size:75%;
}
.text-bold {
font-weight: bold;
}

.text-bold-blue {
font-weight: bold;
color:#00a0e9;
}

.text-bold-blue-L {
font-weight: bold;
color:#00a0e9;
font-size: 120%;
line-height: 1.6em;
}

.text-red {
	color: #FF3300;
}

.note p{
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 15px;
}
.note2 p{
	text-indent: -1em;
	padding-left: 1em;
	margin: 0px;
}


/* メイン右側ボックス
---------------------------------------------------- */
#right-box{
	width:235px;
	float:right;
    background:url(../images/common/right_bg_top.gif) no-repeat top left;
}
#right-box-inner{
	margin:38px 10px 0 10px;
}

#right-box-inner p {
	margin-bottom: 10px;
}

.right-block{
	border:1px solid #ccc;
	padding:1px;
	margin-bottom:10px;
}
.right-block p{
	font-size:90%;
	line-height:2.3;
	padding-left:9px;
	background:url(../images/common/right_title_bg.jpg) no-repeat left top #0051ca;
	color:#fff;
}
.right-block p.text{
	line-height:1.5;
	padding:10px 0 0 9px;
	background:none;
	color:#666;
}
.right-block ul{
	font-size:90%;
	list-style:none;
	margin:10px 10px;
	background:url(../images/common/arw03.gif) no-repeat left top;
}
.right-block li{
	padding-left:18px;
	margin-bottom:13px;
	background:url(../images/common/arw03.gif) no-repeat left top;
}


/* パンくずリスト
---------------------------------------------------- */
#pan{
	margin:17px 0 20px 0;
}
#pan li{
	color:#999;
	font-size:85%;
	display:inline;
	line-height:1.1;
	list-style-type:none;
}
#pan li a{
    padding-right:12px;
    background:url(../images/common/arw02.gif) no-repeat right center;
}
#pan li a:link,#pan li a:hover,#pan li a:active {
	color:#999;
	text-decoration:underline;
}


/* ページトップ
---------------------------------------------------- */
#pagetop{
	height:1%;
	background:url(../images/common/right_bg_bottom.gif) no-repeat right bottom;
	text-align:right;
	padding:0 10px 11px 0;
	margin-bottom:10px;
	clear:both;
}


/* フッタ
---------------------------------------------------- */
#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:left;  /* 内容を左揃えに戻す */
}

/* フッタのテキストリンク（#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;}



/* index.html
---------------------------------------------------- */
p#top-img{
	margin:10px 0 11px 0;	
}

p#top-img img.top-feature{
	float: left;
}

p#top-img img.top-photo{
	float: right;
}

#top-left{
	float:left;
	width:235px;
	padding-bottom:23px;
}
#top-left ul {
	margin-top: 12px;
}

#top-left ul li {
	margin-bottom: 5px;
}

#top-right{
	float:right;
	width:560px;
	padding-bottom:23px;
}

#top-txt{
	color:#00a0e9;
	line-height:1.6;
	margin:8px 0 25px 0;
}

#top-bnr {
	margin: 12px 0 0 0;
	padding-bottom: 10px;
}

/* お知らせ */
h2.index-h2{
	float:left;
}
p.more-link{
	text-align:right;
	margin:0;
}
p.more-link img{
	margin-left: 5px;
}

.list-wrapper{
width: 560px;
margin: 0px;
padding: 0px;
}

.list-date{
	width: 95px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	float: left;
	background-image:url(../images/common/arw01.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.list-title{
	width: 440px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.top-list{
	border-top:1px solid #dfdfdf;
	line-height:1.4;
	margin:5px 0 20px 0;
	padding-top:8px;
}
.top-list ul li{
	list-style:none;
	margin-bottom:4px;
}

.clear {
clear: both;
}

#top-link li{
	list-style:none;
	margin-bottom:0px;
}

/* サービス特徴
---------------------------------------------------- */
.service-frame {
	border: #CCCCCC solid 1px;
	padding-top: 15px;
	margin-bottom: 20px;
}

.service-banner {
	margin-bottom: 12px;
}

.service-banner p.banner-midashi {
	color: #00a0e9;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 7px;
}

/* サービスエリア
---------------------------------------------------- */
.area-icon {
	margin-right: 12px;
}

.logo-wrapper {
	width: 400px;
	margin: 0px auto 10px auto;
}

.logo-wi2 {
	width: 84px;
	float: left;
	margin-right: 16px;
}

.logo-bbmobile {
	width: 84px;
	float: left;
	margin-right: 16px;
}

.logo-livedoor {
	width: 200px;
	float: left;
	padding-top: 23px;
}

/* サービスエリア詳細
---------------------------------------------------- */
#area-detail #main{
	padding-left:20px;
	padding-bottom: 15px;
	background-image: none;
}

/* 「前の20件・次の20件」のリンク
----------------------------------- */
p.around_link{
	position:relative;
	text-align:right;
	margin:0;
	margin-right:1em;
}
p.around_link span{	/* 左にテキストがあるとき用 */
	position:absolute;
	display:block;
	top:-1.5em;
	right:0;
}

/* テーブル
------------------------------------ */
table.table01{
	width:800px;
	margin:10px 0;
	border-left:#ccc solid 3px;
	border-top:#ccc solid 3px;
	border-right:#ccc solid 2px;
	border-bottom:#ccc solid 2px;
}
table.table01 th{
	background:#ebebeb;
	font-weight:normal;
	text-align:center;
	padding:3px 5px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 2px;
}
table.table01 td{
	padding:3px 5px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
}
table.table01 td.txt-center{
	text-align:center;
}

/* サービスエリア：丸の内
---------------------------------------------------- */
.capture-box-wrapper{
	width: 525px;
	padding:0px;
	margin: 0px 0px 15px 0px;
}

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

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

.capture-box-left p.title, .capture-box-right p.title {
	background-color: #EEEEEE;
	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: 10px 5px 0px 5px;
	text-align: center;
}

/* サービスエリア：バス
---------------------------------------------------- */
ol.bus-howto {
padding-left: 2em;
margin-bottom: 20px;
}

.bus-img {
padding: 5px;
border: #CCCCCC solid 1px;
}

/* ご利用料金
---------------------------------------------------- */
.price-icon {
	margin-right: 22px;
}

.frame-blue {
	border: #0099FF solid 1px;
	padding: 10px;
	margin-bottom: 15px;
}

/* ご利用手順
---------------------------------------------------- */
.process-box{
	margin: 0px;
	padding:0px;
	border:1px solid #00a0e9;
}

.process-box2{
	margin: 0px;
	padding:0px 0px 10px 0px;
	border:1px solid #00a0e9;
}

.process-box-last{
	margin: 0px 0px 30px 0px;
	padding:0px;
	border:1px solid #00a0e9;
}

.process-box-wrapper{
	width: 525px;
	padding:0px 0px 24px 0px;
	margin: 0px;
	background: url(../images/process/arrow01.gif) no-repeat bottom;
}

.process-box-wrapper2{
	width: 525px;
	padding:0px 0px 24px 0px;
	margin: 0px;
	background: url(../images/process/arrow02.gif) no-repeat bottom;
}

.process-box-left{
	width: 245px;
	padding:0px 0px 78px 0px;
	margin: 0px;
	border:1px solid #00a0e9;
	float: left;
}

.process-box-right{
	width: 265px;
	padding:0px;
	margin: 0px;
	border:1px solid #00a0e9;
	float: right;
}

.process-box-left p.step, .process-box-right p.step,
.process-box p.step, .process-box2 p.step, .process-box-last p.step {
	background-color: #00a0e9;
	padding: 7px;
	font-weight: bold;
	color: #FFFFFF;
}

.process-box-left p, .process-box-right p,
.process-box p, .process-box2 p, .process-box-last p {
	padding: 10px;
}

.process-box-left ul, .process-box-right ul, .process-box ul{
	padding-left:2em;
	padding-right: 10px;
	padding-bottom: 10px;
}

table.process-fig {
	border-top: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
	margin: 0px 0px 0px 10px;
}

.process-fig-title {
	border-bottom: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	background-color: #EEEEEE;
	padding: 3px;
	text-align: center;
}

.process-fig-normal {
	border-bottom: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	padding: 3px;
}

/* よくある質問
---------------------------------------------------- */
#left-box-inner ul.faq-list{
	padding-left:1.9em;
	margin-bottom: 15px;
}

#left-box-inner ul.faq-list li{
	margin-bottom: 7px;
}

p.small-category {
	margin-bottom: 0px;
}

.faq-q p {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 5px;
}

.faq-a {
	background-color: #E1EFFF;
	padding: 5px 0px;
	margin-bottom: 20px;
}

.faq-a p {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 5px;
}

.faq-frame {
	border: #CCCCCC solid 1px;
	padding: 15px 15px 0px 15px;
	margin-bottom: 20px;
}

/* お問い合わせ
---------------------------------------------------- */
.contact-box{
	margin-bottom: 15px;
	padding:20px 15px 22px 15px;
	border:1px solid #ccc;
}
.contact-box .info-detail{
	text-indent: -1em;
	padding-left: 1em;
}

/* サービス契約約款
---------------------------------------------------- */
table.layout {
	border-top: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	margin-bottom: 15px;
}

table.layout td.number {
	border-bottom: #CCCCCC 1px solid;
	padding: 5px;
}

table.layout td.words {
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	padding: 5px;
}

table.layout td.discription {
	border-bottom: #CCCCCC 1px solid;
	padding: 5px;
}

.memo {
	width: 260px;
	padding-bottom: 2px;
	text-align: right;
}

.list-number {
	margin: 0px 0px 0px 0px;
	padding-left: 2em;
	text-indent: -2em;
	}

/* ご利用規約
---------------------------------------------------- */
.list-number2 {
	margin: 0px 0px 0px 0px;
	padding-left: 3em;
	text-indent: -3em;
	}

/* プライバシーポリシー
---------------------------------------------------- */
#left-box-inner ul.privacy{
	padding-left:1.9em;
	margin-bottom: 15px;
}

/* お知らせ
---------------------------------------------------- */
#news #left-box-inner ul{
list-style: none;
margin: 0px;
padding: 0px;
}

#news #left-box-inner li{
margin: 0px 0px 10px 0px;
padding: 0px;
}

#news #left-box-inner .list-date{
width: 90px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
float: left;
background-image:url(http://300.wi2.co.jp/images/common/arw01.gif);
background-position: left;
background-repeat: no-repeat;
}

#news #left-box-inner .list-title{
width: 415px;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
}

#news #left-box-inner .list-wrapper{
width: 520px;
margin: 0px;
padding: 0px;
}

p.row-link{
	background:url(http://300.wi2.co.jp/images/common/arw03.gif) no-repeat left top;
	margin:0 30px 12px 0;
	padding-left:20px;
	height:1%;
}

/* フロート対策
---------------------------------------------------- */
.box-clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.box-clear{
    display:inline-block;  /* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .box-clear{height: 1%;}
.box-clear{display: block;}
/*--ここまでMAC IEは非適用 */


/* 共通
---------------------------------------------------- */

.mgn-l50 {
margin-left: 50px;
}

.mgn-l35 {
margin-left: 35px;
}

.mgn-b15 {
margin-bottom: 15px;
}

.mgn-l10 {
margin-left: 10px;
}

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

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

.text10 {
font-size: 10px;
}