@charset 'UTF-8';
/*基本設定*/
body,p,img,h1,h2,h3,h4,h5,table,tr,th,td,dl,dt,dd,form,ul,li,ol,br {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	background: transparent url(../images/common/bg.gif) repeat-x;
}

img {
	border: 0;
	vertical-align: bottom;
}

p {
	font-size: 80%;
	line-height: 1.6;
}

img.right {
	margin: 0 0 10px 10px;
	float: right;
}

img.left {
	margin: 0 10px 10px 0;
	float: left;
}

/*ボックス*/
#box,#box_top {
	clear: both;
	padding-top: 20px;
	width: 855px;
}


/*コンテナ*/
#container {
	margin: 0 auto;
	width: 855px;
}

/**************************************

	ヘッダ

**************************************/

#header {
	height: 74px;
	width: 855px;
	position: relative;
}

/*ヘッダ内リンク共通*/
#header a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
}

/*ヘッダ内p要素共通*/
#header p {
	text-indent: -9999px;
	position: absolute;
}

a#logo {
	background: url(../images/common/logo.gif) no-repeat;
	height: 62px;
	width: 298px;
	left: 21px;
	top: 7px;
}

a:hover#logo { background: url(../images/common/logo.gif) no-repeat 0 -62px; }

a#sitemap_bn {
	background: url(../images/common/sitemap_bn.gif) no-repeat;
	height: 12px;
	width: 63px;
	left: 333px;
	top: 41px;
}

a:hover#sitemap_bn { background: url(../images/common/sitemap_bn.gif) no-repeat 0 -12px; }

a#home_bn {
	background: url(../images/common/home_bn.gif) no-repeat;
	height: 12px;
	width: 63px;
	left: 333px;
	top: 53px;
}

a:hover#home_bn { background: url(../images/common/home_bn.gif) no-repeat 0 -12px; }

a#bm_bn {
	background: url(../images/common/bm_bn.gif) no-repeat;
	height: 19px;
	width: 103px;
	left: 491px;
	top: 30px;
}

a:hover#bm_bn { background: url(../images/common/bm_bn.gif) no-repeat 0 -19px; }

a#inq_bn {
	background: url(../images/common/inq_bn.gif) no-repeat;
	height: 22px;
	width: 103px;
	left: 491px;
	top: 49px;
}

a:hover#inq_bn { background: url(../images/common/inq_bn.gif) no-repeat 0 -22px; }

p#plan_data {
	background: url(../images/common/plan_data.gif) no-repeat;
	height: 20px;
	width: 335px;
	left: 503px;
	top: 6px;
}

#header p#telimg {
	background: url(../images/common/telimg1.gif) no-repeat;
	height: 30px;
	width: 236px;
	left: 607px;
	top: 37px;
}

/*メインメニュー*/
ul#main_menu {
	margin-top: 5px;
	width: 855px;
	height: 35px;
	position: relative;
	z-index: 500;
}

#main_menu li {
	list-style: none;
	float: left;
}

#main_menu li a {
	text-indent: -9999px;
	display: block;
	height: 35px;
	text-decoration: none;
	overflow: hidden;
}

/*通常時*/
a#link1 {
	width: 193px;
	background: url(../images/common/menu.gif) no-repeat;
}

a#link2 {
	width: 187px;
	background: url(../images/common/menu.gif) no-repeat -193px 0;
}

a#link3 {
	width: 160px;
	background: url(../images/common/menu.gif) no-repeat -380px 0;
}

a#link4 {
	width: 116px;
	background: url(../images/common/menu.gif) no-repeat -540px 0;
}

a#link5 {
	width: 199px;
	background: url(../images/common/menu.gif) no-repeat -656px 0;
}

/*オンマウス時*/
a:hover#link1 { background: url(../images/common/menu.gif) no-repeat 0 -35px; }

a:hover#link2 { background: url(../images/common/menu.gif) no-repeat -193px -35px; }

a:hover#link3 { background: url(../images/common/menu.gif) no-repeat -380px -35px; }

a:hover#link4 { background: url(../images/common/menu.gif) no-repeat -540px -35px; }

a:hover#link5 { background: url(../images/common/menu.gif) no-repeat -656px -35px; }

/* サブメニュー */
#main_menu ul.sub {
	display: none;
	list-style:none;
	z-index: 500;
}

#main_menu :hover ul.sub {
	display: inline;
	padding: 10px 0 5px 30px;
	height: 20px;
	width: 819px;
	display: inline;
	background:#fff;
	border: 1px solid #aaa;
	border-top: none;
	position: absolute;
	left: 0;
	top: 35px;
}

#main_menu :hover ul.sub li {
	font-size: 12px;
	color: #666;
	margin-right: 10px;
	line-height: 1.2;
}

#main_menu :hover ul.sub a {
	color: #00f;
	text-indent: 0;
	display: inline;
}

#main_menu :hover ul.sub a:hover {
	text-decoration: underline;
	color: #f00;
}

/*パンくずリスト・更新日・お気に入りに追加エリア*/
#option {
	font-size: 75%;
	color: #666;
	clear: both;
	height: 25px;
	width: 584px;
	position: relative;
}

#option a { color: #666; }

#option a:hover {
	text-decoration: underline;
	color: #009;
}

#option a#one { margin-right: 5px; }

#option a#two { margin: 0 5px; }

#option span {
	color: #009;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 5px;
}

/*ブックマークに追加*/
a#bm {
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 190px;
	background: url(../images/common/btn_bookmark.gif) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

/*コンテンツ 1カラム*/
#contents_bottom {
	clear: both;
	width: 855px;
}

/*コンテンツ 2カラム*/
#inner {
	width: 584px;
	float: left;
}

.inbox { width: 850px; }

.inbox_l {
	float: left;
	margin-right: 50px;
	width: 400px;
}

.inbox_r {
	float: left;
	width: 400px;
}

/*サイド*/
#side {
	width: 244px;
	float: right;
}

/*トップ用サイドメニュー*/
#side_top {
	width: 244px;
	height:322px;
	background: url(../images/common/side_bg_top.gif) center top no-repeat;
}
#side_top p{
	font-size:75%;
	margin:0px 15px 20px 15px;
	padding-top:155px;
}
#side_top img{
	margin:0 auto;
	display:block;
}

/*各キャリア法人契約プラン*/
#plan_menu_bg {
	margin-top: 20px;
	width: 244px;
	background: url(../images/common/plan_menu_bg.gif) center top no-repeat;
}
#plan_h { text-indent: -9999px; }

#plan_menu_bg a { color: #06c; }

#plan_menu_bg a:hover { text-decoration: none; }

ul#plan_ul {
	font-size: 13px;
	list-style: none;
	padding: 30px 25px 15px 25px;
}

ul#plan_ul li { margin-bottom: 0.3em; }

ul#plan_ul ul {
	color: #06c;
	font-size: 13px;
	list-style: disc;
	margin: 10px 0 10px 20px;
}

ul#plan_ul ul li { margin-bottom: 0.3em; }


/*よくある質問*/
#faq {
	text-indent: -9999px;
	background: url(../images/common/side_faq_head.gif) center top no-repeat;
	height: 43px;
	width: 244px;
}

#side_bg dt {
	font-size: 13px;
	line-height: 1.5;
	color: #669;
	height: 65px;
	width: 204px;
	margin-top: 10px;
	padding: 20px 20px 5px;
	background: url(../images/common/faq_bg.gif) center top no-repeat;
}

#side_bg dd {
	font-size: 75%;
	line-height: 1.5;
	margin: 10px 20px;
}

#side_bg dd a { line-height: 3; }

#side_bg dd img {
	float:right;
	margin-left: 5px;
}

/*サイドメニューバナー*/
#side_bnr {
	width: 244px;
	text-align:center;
}
#side_bnr img{
	margin:5px auto 0 auto;
}

/*人気プランランキング*/
#rank {
	text-indent: -9999px;
	background: url(../images/common/side_faq_rank.gif) center top no-repeat;
	height: 43px;
	width: 244px;
}

#rank_plan { margin:15px 15px 0 15px; }

#rank_plan img {
	margin-left: 5px;
	vertical-align: middle;
}

#rank_plan p{
	font-size:10px;
	padding:10px 10px 10px 40px;
}

#rank_plan p strong{
	color: #06c;
	font-size: 12px;
}

p.no1 { background: #fff url(../images/common/icon_no1.gif) 2% 40% no-repeat; }

p.no2 { background: url(../images/common/icon_no2.gif) 2% 20% no-repeat; }

p.no3 { background: url(../images/common/icon_no3.gif) 2% 20% no-repeat; }

p.no4 { background: url(../images/common/icon_no4.gif) 2% 20% no-repeat; }

p.no5 { background: url(../images/common/icon_no5.gif) 2% 20% no-repeat; }

/*最新データで一括比較！最適プランをご案内します。*/
p#side_top {
	text-indent: -9999px;
	height: 111px;
	width: 261px;
	background: url(../images/common/side_top.jpg) no-repeat;
}

a:hover#bm { background: url(../images/common/btn_bookmark.gif) no-repeat 0 -25px; }

/*シミュレーションボタン*/
a#sm_bn {
	text-indent: -9999px;
	display: block;
	height: 87px;
	width: 236px;
	background: url(../images/common/sm_bn.gif) no-repeat;
	overflow: hidden;
}

a:hover#sm_bn { background: url(../images/common/sm_bn.gif) no-repeat 0 -87px; }

/*お問い合わせ受付時間AM9:00からPM18:00*/
#side p#telimg {
	text-indent: -9999px;
	margin-top: 2px;
	height: 41px;
	width: 236px;
	background: url(../images/common/telimg2.gif) no-repeat center center;
}

/*社内プレゼン用ご提案資料を、おつくりします！*/
p#doc {
	text-indent: -9999px;
	margin-top: 3px;
	height: 69px;
	width: 236px;
	background: url(../images/common/doc.gif) no-repeat center center;
}

/*お問い合わせ・お見積もり*/
#side a#inq_bn {
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 236px;
	background: url(../images/common/inq_bn2.gif) no-repeat center 0;
	overflow: hidden;
}

#side a:hover#inq_bn { background: url(../images/common/inq_bn2.gif) no-repeat center -39px; }

/*18:00までのメールは即日返信！*/
p#return {
	text-indent: -9999px;
	height: 15px;
	width: 236px;
	background: url(../images/common/return.gif) no-repeat center;
}

#side_bg { background: url(../images/common/side_bg.gif) left bottom no-repeat; }

/*ページの先頭へ戻る*/
#bn_up_area {
	width: 855px;
	clear: both;
	text-align: right;
}

a#bn_up {
	font-size: 70%;
	color: #999;
	text-decoration: none;
	padding-top: 15px;
}

a:hover#bn_up { color: #f00; }

/*フッタメニュー*/
ul#footer_menu {
	color:#999;
	font-size:75%;
	display: block;
	padding: 30px 0 10px 0 ;
	margin: 0 auto;
	text-align:center;
}

ul#footer_menu li {
	display: inline;
	padding: 10px 0;
	list-style: none;
}

/*フッタ*/
#footer {
	width: 835px;
	clear: both;
	padding: 10px;
	background: url(../images/common/footer_bg_01.gif) left top repeat-x;
	position: relative;
}

#footer p {
	color: #fff;
	font-size: 75%;
	line-height: 1.4;
	background: url(../images/common/footer_bg_02.gif) 100% 20% no-repeat;
	position: relative;
}

/*メールボタン*/
a#footer_btn {
	text-indent: -9999px;
	background: url(../images/common/footer_btn.gif) no-repeat;
	height: 37px;
	width: 162px;
	position: absolute;
	top: 41px;
	left: 687px;
	overflow: hidden;
}

a:hover#footer_btn { background: url(../images/common/footer_btn.gif) no-repeat 0 -37px; }

/*セコム*/
#secom {
	position: absolute;
	top: 12px;
	left: 310px;
}

/*セコム画像版*/
#sticker {
	height: 88px;
	width: 56px;
}

/*コピーライト*/
address {
	font-style: normal;
	font-size: 75%;
	color: #9cf;
	padding: 10px 0 0 0;
}

/*改行によるフロート解除*/
.clear {
	clear: both;
	line-height: 0;
}

/*cloearfix*/

/*IE以外モダンブラウザ*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*IE7・Mac版IE5*/
.clearfix {
	display: inline-block;<p></p>
}
/*IE6以前*/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*見出し*/
h2 {
	text-indent: -9999px;
	height: 48px;
	width: 580px;
	margin-bottom: 10px;
}

h3 {
	font-size: 18px;
	color: #039;
	background: url(../images/common/list.gif) no-repeat 5px 5px;
	width: 560px;
	margin: 20px 0;
	padding: 0 0 10px 20px;
	border-bottom: 1px dashed #039;
	line-height:1.4;
}

h3 a {
	text-decoration: none;
	color: #039;
}

h3 a:hover { color: #f60; }

h4 {
	font-size: 14px;
	line-height: 1.5;
	color: #039;
	margin-bottom: 0.3em;
}

h4 span {
	font-size: 12px;
	color: #b00;
	margin-left: 0.5em;
}

h5 {
	font-size: 16px;
	margin-bottom: 10px;
}

p.gray {
	background: #ededed;
	padding: 10px 25px 10px 25px;
	margin-bottom: 2em;
}

p.gray strong{ font-size:14px; }

p.gray span{
	font-weight:bold;
	color:#369;
	border-bottom:1px dotted #999;
	line-height:3;
}

/*赤文字*/
p span.red { color: #f00; }

/*紺文字*/
p span.dblue { color: #039; }

div.gray {
	background: #ededed;
	padding: 0 25px;
}

p.blue {
	font-size:14px;
	color: #009;
	background: #e9ecf1;
	padding: 25px;
	margin-bottom:2px;
}

p.points {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #2a298e;
	padding: 5px;
	border-top: 7px solid #000079;
}

p.points span.small {
	font-size: 80%;
	font-weight: normal;
	margin-right: 0.5em;
}

ul.blue {
	font-size: 80%;
	color: #333;
	margin:0 0 10px 25px;
	list-style: none;
}

ul.blue li {
	margin-bottom: 0.3em;
	line-height: 1.5;
}

/*注意書き*/
p.cmt {
	font-size: 11px;
	color: #c33;
	line-height: 1.4;
	text-align: center;
	margin: -10px 0 10px 0;
}

p.cmt span { font-size: 15px; }

/*iPhoneバナー*/
div#iphone_bana {
	margin: 5px 0;
}

/*---other_links---*/
div#other_links {
	font-size: 11px;
	color: #333;
	text-align: center;
	background: #eee;
	padding: 5px
}

div#other_links a {
	text-decoration: none;
	color: #333;
}

div#other_links a:hover {
	text-decoration: underline;
	color: #666;
}