@charset "UTF-8";

/* ----------
リセット
------------- */

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:bottom;
}

/* ----------
ページトップ
------------- */
/*html>body #b-logo {
	position: absolute;
	top: 5px;
    left: 10px;
	z-index: 0
}

#b-logo {
      _position: absolute;
      _left: 10px;
      _top:expression(eval(document.compatMode &&
       document.compatMode=='CSS1Compat') ?
       documentElement.scrollTop
       +(documentElement.clientHeight-this.clientHeight) - 0
       : document.body.scrollTop
       +(document.body.clientHeight-this.clientHeight) - 0);
     _z-index: 500;
       margin: 0;
}
*/

* html .iepngfix,* html img{
       behavior: expression(IEPNGFIX.fix(this));
       } 

/* ----------
全体
------------- */
body{
	text-align:center;
	font-size:12px;
	color:#666;
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	line-height:190%;
	background-color: #fff;
	background-image: url(../img/img_back.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

* html body{
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

html, body, #container {height:100%;}

body > #container {height:auto; min-height:100%;}

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

a:hover,
a:active {
	color:#F60;
	text-decoration:underline;
}

#container{
	width:983px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;	
}

#wrapper {
	width:983px;
	text-align: left;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}


#main{
	width:950px;
	clear: both;
	margin-left: 16px;
	padding-bottom: 304px;
}  /* must be same height as the footer */


.clear {clear:both;}

.text_s{font-size: 11px;}
.or{color:#f60;}

/* ----------
ヘッダー
------------- */
h1{
	font-size: 11px;
	font-weight: normal;
	color: #005a98;
	height: 36px;
	width: 983px;
	text-align: right;
	line-height: 36px;
}


#header{
	background-image: url(../img/img_header.jpg);
	background-repeat: no-repeat;
	height: 98px;
	width: 983px;
	background-position: bottom;
	clear: both;
}

#logo{
	width:114px;
	display:inline;
	text-indent:-9999px;
	float: left;
}

#logo a{
	width:114px;
	height:62px;
	display: block;
	overflow:hidden;
	text-decoration:none;
}

#header_right{
	float: right;
	width: 278px;
}

#header_right ul{
	height: 18px;
	width: 278px;
}

#header_right li{float:left;}
#header_right a {display: block;}

#header_right li#u_aboutus a {
	background-image:url(../img/btn_use_aboutus.jpg);
	background-position:0px 0px;
	width:68px;
	height: 18px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#header_right li#u_aboutus a:hover, #header_right li#u_aboutus a:active {
 	background-position:0px -18px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#header_right li#u_kiyaku {margin-left: 8px;}
#header_right li#u_kiyaku a {
	background-image:url(../img/btn_use_kiyaku.jpg);
	background-position:0px 0px;
	width:77px;
	height: 18px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#header_right li#u_kiyaku a:hover, #header_right li#u_kiyaku a:active {
 	background-position:0px -18px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#header_right li#u_privacy {margin-left: 9px;}
#header_right li#u_privacy a {
	background-image:url(../img/btn_use_privacy.jpg);
	background-position:0px 0px;
	width:116px;
	height: 18px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#header_right li#u_privacy a:hover, #header_right li#u_privacy a:active {
 	background-position:0px -18px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#login{
	text-align: right;
	clear: both;
	padding-top: 8px;
	padding-right: 5px;
}

/* ----------------------
メイン画像エリア
------------------------- */
#main_img{
	clear: both;
}

/* ----------------
グローバルナビ
------------------- */
#gnavi{
	width: 981px;
	_width: 983px;
	clear: both;
	background-image: url(../img/img_gnavi.jpg);
	background-repeat: no-repeat;
	height: 48px;
	padding-left: 2px;
}

dl {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

dt {
	margin:0;
	padding:0;
	text-align:center;
	list-style:none;
}

dt a {
	display:block;
	color:#fff;
	text-decoration:none;
	height: 48px;
}

dt a:hover, li a:focus, li a:active {
	background-position:-212px 0;
}


.navB dt a {
	background:url("../img/background_image_animation_bg.jpg") repeat 0 0;
}

.gnavi1{
	width: 160px;
}

.gnavi2{
	width: 161px;
	margin-left: 2px;
}

.gnavi3{
	width: 161px;
	margin-left: 2px;
}

.gnavi4{
	width: 161px;
	margin-left: 2px;
}

.gnavi5{
	width: 161px;
	margin-left: 2px;
}

.gnavi6{
	width: 165px;
	margin-left: 2px;
}

/* ----------------------
サブメニュー□トップページ
------------------------- */
#smenu{
	clear: both;
	width: 960px;
	margin-left: 12px;
	padding-top: 13px;
}

#no1{
	height: 202px;
	width: 240px;
	float: left;
	background-image: url(../img/img_smenu_no1.jpg);
	background-repeat: no-repeat;
}

#no2{
	height: 202px;
	width: 240px;
	float: left;
	background-image: url(../img/img_smenu_no2.jpg);
	background-repeat: no-repeat;
}

#no3{
	height: 202px;
	width: 240px;
	float: left;
	background-image: url(../img/img_smenu_no3.jpg);
	background-repeat: no-repeat;
}

#no4{
	height: 202px;
	width: 240px;
	float: left;
	background-image: url(../img/img_smenu_no4.jpg);
	background-repeat: no-repeat;
}

.smenu_box{
	height: 87px;
	width: 240px;
}

.smenu_text{
	font-size: 11px;
	line-height: 18px;
	padding-right: 19px;
	padding-left: 15px;
	padding-top: 2px;
}

.smenu_text a,
.smenu_text a:link,
.smenu_text a:visited {
	color:#666;
	text-decoration:none;
}

.smenu_text a:hover,
.smenu_text a:active {
	color:#666;
	text-decoration:underline;
}

.go_detail{
	text-align: right;
	margin-top: 8px;
	margin-right: 18px;
}

/* --サブメニュー□下層ページ--- */
#smenu2{
	width: 236px;
}

#no1_banner{
	height: 114px;
	width: 236px;
	background-image: url(../img/banner_no1.jpg);
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

#no2_banner{
	height: 114px;
	width: 236px;
	background-image: url(../img/banner_no2.jpg);
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

#no3_banner{
	height: 114px;
	width: 236px;
	background-image: url(../img/banner_no3.jpg);
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

#no4_banner{
	height: 114px;
	width: 236px;
	background-image: url(../img/banner_no4.jpg);
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

#smenu2 p{
	text-align: right;
	margin-right: 18px;
	padding-top: 84px;
}



/* ----------------------
左コンテンツ□トップページ
------------------------- */
#left_contents{
	float: left;
	width: 315px;
	margin-bottom: 23px;
	margin-top: 0px;
}

html{overflow-y: scroll;}

/* --お知らせ-- */
#pr_news{
}

.contents_wp_l{
	width: 315px;
	background-image: url(../img/img_rone_btm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 9px;
}

#pr_news_ovf{
	overflow:scroll;
	overflow-x: hidden;
	height: 208px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 305px;
}

.topics{
	width: 275px;
	margin-top: 5px;
	padding-bottom: 10px;
}

.topics h3{
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #F60;
	background-image: url(../img/icon_date.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 35px;
}

.topics_box{
	background-color: #eee;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 11px;
	line-height: 18px;
}

/* ----------------------
中央コンテンツ□トップページ
------------------------- */
#center_contents{
	float: left;
	width: 380px;
	margin-bottom: 23px;
	margin-top: 0px;
	margin-left: 15px;
}

/* --制作事例-- */
#rone_ex{
}

.contents_wp_c{
	width: 380px;
	background-image: url(../img/img_rone_btm2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 9px;
}

#rone_ex_ovf{
	overflow:scroll;
	overflow-x: hidden;
	height: 208px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	width: 365px;
}

.ex_box{
	width: 335px;
	background-image: url(../img/img_dotline_g.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 5px;
	margin-bottom: 5px;
}

.ex_left_image{
	width: 102px;
	float: left;
	margin-bottom: 10px;
}

.ex_left_image p a {
	border: 1px solid #ccc;
	display: block;
}
.ex_left_image p a:hover, .ex_left_image p a:active {
	border: 1px solid #f60;
}

.ex_right{
	width: 223px;
	float: right;
	margin-bottom: 10px;
}

.ex_g_box{
	background-color: #eee;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 11px;
	line-height: 18px;
}

/* ----------------------
右コンテンツ□トップページ
------------------------- */
#right_contents{
	float: right;
	width: 225px;
	margin-bottom: 23px;
	margin-top: 0px;
	
}

/* --バナー-- */
#partner{
	background-image: url(../img/img_partner.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 225px;
	margin-bottom: 9px;
}

#partner p{
	padding-top: 87px;
	padding-left: 48px;
}

#partner_regist{
	background-image: url(../img/img_partner_regist.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 225px;
}

#partner_regist p{
	padding-top: 87px;
	padding-left: 48px;
}

/* --バナー□下層ページ-- */
#partner2{
	background-image: url(../img/img_partner2.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 230px;
}

#partner2 p{
	padding-top: 87px;
	padding-left: 48px;
}



/* ----------------------
左コンテンツ□下層ページ
------------------------- */
#left_contents2{
	float: left;
	width: 236px;
	margin-bottom: 23px;
	margin-top: 15px;
}


/* ----------------------
右コンテンツ□下層ページ
------------------------- */
#right_contents2{
	float: right;
	width: 705px;
	margin-bottom: 23px;
	margin-top: 15px;
}

/* ----------------------
ご利用規約
------------------------- */
#kiyaku_d{
}

#kiyaku_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#kiyaku_d h3{
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	color: #00a0e9;
}

#kiyaku_d h4{
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

#kiyaku_d p{
	margin-left: 5px;
	margin-right: 5px;
}

#kiyaku_d p.read_text{
	margin-left: 0px;
	margin-right: 0px;
}

#kiyaku_d ul{
	margin-left: 25px;
	margin-right: 5px;
}
#kiyaku_d li{
	list-style-position: outside;
	list-style-type: disc;	
}

/* ----------------------
プライバシーポリシー
------------------------- */
#privacy_d{
}

#privacy_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#privacy_d h3{
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	color: #00a0e9;
}

#privacy_d h4{
	font-size: 12px;
	font-weight: normal;
}

#privacy_d p{
	margin-left: 5px;
	margin-right: 5px;
}

#privacy_d ol.privacy_list1{
	margin-left: 25px;
	/margin-left: 30px;
	margin-right: 5px;
}
#privacy_d ol.privacy_list1 li{
	list-style-position: outside;
	list-style-type: decimal;
}
#privacy_d ol.privacy_list1 ol.privacy_list2{
	margin-left: 20px;
	margin-right: 10px;
}
#privacy_d ol.privacy_list1 ol.privacy_list2 li{
	list-style-position: outside;
	list-style-type: lower-roman;
}


/* ----------------------
運営会社
------------------------- */
#aboutus_d{
}

#aboutus_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#aboutus_d table{
	width: 655px;
}

#aboutus_d th{
	width: 120px;
	line-height: 20px;
	background-image: url(../img/img_dot_line.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	background-position: bottom;
	padding-bottom: 15px;
	padding-top: 15px;
	color: #000;
}

#aboutus_d td{
	line-height: 20px;
	background-image: url(../img/img_dot_line.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	padding-bottom: 15px;
	background-position: bottom;
	padding-top: 15px;
	padding-right: 10px;
}

/* ----------------------
よくあるご質問
------------------------- */
#faq_d{
}

#faq_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#faq_d h3{
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	color: #000;
	margin-bottom: 2px;
	padding-top: 10px;
}

.q_and_a{
	margin-bottom: 10px;
}

.faq_q{
	width: 685px;
	background-image: url(../img/img_faqbox_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	margin-left: 10px;
}

.q{
	background-image: url(../img/icon_q.jpg);
	background-repeat: no-repeat;
	background-position: 10px top;
	background-color: #ddd;
	padding-left: 40px;
	padding-right: 10px;
	padding-bottom: 12px;
	line-height: 20px;
	color: #333;
}

.faq_a{
	width: 685px;
	background-color: #eee;
	background-image: url(../img/img_faqbox_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.a{
	background-image: url(../img/icon_a.jpg);
	background-repeat: no-repeat;
	background-position: 15px top;
	background-color: #eee;
	padding-left: 45px;
	padding-right: 10px;
	line-height: 20px;
	color: #333;
	padding-bottom: 2px;
}

/* ----------------------
美伝ROneの特徴
------------------------- */
#characteristic_d{
}

#characteristic_d .contents_wrp{
	width: 685px;
	margin-top: 10px;
	margin-left: 5px;
}

#characteristic_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#characteristic_d #chapter1{
	width: 695px;
	margin-top: 10px;
	margin-left: 5px;
}

#characteristic_d #chapter1 h3{
	background-image: url(../img/bar_ch_no1.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 695px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-indent: 51px;
	line-height: 30px;
}

#characteristic_d #chapter1 h4{
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #fe3379;
	background-image: url(../img/icon_h4.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 13px;
	margin-top: 15px;
	text-indent: 15px;
	margin-bottom: 4px;
}

#characteristic_d #chapter2{
	width: 695px;
	margin-top: 15px;
	margin-left: 5px;
}

#characteristic_d #chapter2 h3{
	background-image: url(../img/bar_ch_no2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 695px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-indent: 51px;
	line-height: 30px;
}

#characteristic_d #chapter3{
	width: 695px;
	margin-top: 10px;
	margin-left: 5px;
}

#characteristic_d #chapter3 h3{
	background-image: url(../img/bar_ch_no3.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 695px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-indent: 51px;
	line-height: 30px;
}

#characteristic_d #chapter4{
	width: 695px;
	margin-top: 15px;
	margin-left: 5px;
}

#characteristic_d #chapter4 h3{
	background-image: url(../img/bar_ch_no4.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 695px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-indent: 51px;
	line-height: 30px;
}

#characteristic_d #chapter5{
	width: 695px;
	margin-top: 15px;
	margin-left: 5px;
}

#characteristic_d #chapter5 h3{
	background-image: url(../img/bar_ch_no5.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 695px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-indent: 51px;
	line-height: 30px;
}

.ch_img_center{
	text-align: center;
	margin-top: 15px;
}

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

/* ===スペック一覧=== */
#characteristic2_d{
	margin-top: 25px;
}

#characteristic2_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#characteristic2_d table{
	width: 685px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
}

#characteristic2_d th{
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	padding: 5px;
	border: 1px solid #ccc;
}

#characteristic2_d th.rone_type{
	width: 240px;
	background-color: #B3E3F9;
	font-weight: bold;
	color: #000;
}

#characteristic2_d th.rone_type strong{
	color: #fe3379;
}

#characteristic2_d th.spec{
	width: 175px;
	background-color: #eee;
	font-weight: normal;
	color: #000;
}

#characteristic2_d td{
	font-size: 12px;
	font-weight: normal;
	text-align: canter;
	vertical-align: middle;
	line-height: 18px;
	border: 1px solid #ccc;
	padding: 5px;
	width: 240px;
}

#characteristic2_d em{
	color: #0099ff;
	font-style: normal;
}

#characteristic2_d ul{
	margin-top: 5px;
	margin-left: 10px;
}



/* ----------------------
料金について
------------------------- */
#price_d{
}

#price_d .contents_wrp{
	width: 685px;
	margin-top: 10px;
	margin-left: 5px;
}

#price_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#price_d #chapter1{
	width: 695px;
	margin-top: 10px;
	margin-left: 5px;
}

#price_d #chapter2{
	width: 695px;
	margin-top: 20px;
	margin-left: 5px;
}

#price_d #chapter3{
	width: 695px;
	margin-top: 20px;
	margin-left: 5px;
}

#price_d h4.no1{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/icon_price1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 23px;
	height: 18px;
}

#price_d h4.no2{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/icon_price2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 23px;
	height: 18px;
}

#price_d h4.process{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: 1px solid #CCC;
	line-height: 14px;
	margin-bottom: 3px;
	background-color: #F2F2F2;
}

#price_d h4 strong{
	color: #fe3379;
	font-weight: bold;
}

#price_d h5{
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 2px;
}

.wh_box{
	width: 665px;
	background-image: url(../img/img_whbox_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 7px;
}

.wh_box_in{
	background-image: url(../img/img_whbox_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
	background-color: #FFF;
}

.wh_box2{
	width: 665px;
	background-image: url(../img/img_whbox_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 4px;
}

.wh_box_in2{
	background-image: url(../img/img_whbox_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	background-color: #FFF;
}

.wh_box_in ul{
	margin-left: 15px;
	/margin-left: 18px;
}

.wh_box_in li{
	list-style-position: outside;
	list-style-type: square;
}

.wh_box_in2 ul{
	margin-left: 20px;
	clear: both;
	padding-bottom: 15px;
}

.wh_box_in2 li{
	list-style-position: outside;
	list-style-type: square;
	color: #000;
}

.price_text1{
	margin-top: 2px;
	margin-bottom: 10px;
}

.price_text1 a,
.price_text1 a:link,
.price_text1 a:visited {
	color:#00a0e9;
	text-decoration:underline;
}

.price_text1 a:hover,
.price_text1 a:active {
	color:#00a0e9;
	text-decoration:none;
}

.text_gr{
	color:#666;
}

.text_gr a,
.text_gr a:link,
.text_gr a:visited {
	color:#00a0e9;
	text-decoration:underline;
}

.text_gr a:hover,
.text_gr a:active {
	color:#00a0e9;
	text-decoration:none;
}

/* ----------------------
お申込みフロー
------------------------- */
#flow_d{
}

#flow_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#flow_d table{
	width: 685px;
	margin-top: 10px;
	margin-left: 10px;
}

#flow_d table th{
	width: 396px;
	font-size: 12px;
}

#flow_d table td{
	font-size: 12px;
}

#flow_d h3#flow_no1{
	font-size: 12px;
	line-height: 29px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/bar_flow_no1.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 396px;
	text-align: center;
	vertical-align: top;
}

#flow_d h3#flow_no2{
	font-size: 12px;
	line-height: 29px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/bar_flow_no2.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 396px;
	text-align: center;
	vertical-align: top;
}

#flow_d h3#flow_no3{
	font-size: 12px;
	line-height: 29px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/bar_flow_no3.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 396px;
	text-align: center;
	vertical-align: top;
}

#flow_d h3#flow_no4{
	font-size: 12px;
	line-height: 29px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/bar_flow_no4.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 396px;
	text-align: center;
	vertical-align: top;
}

#flow_d h3#flow_no5{
	font-size: 12px;
	line-height: 29px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/bar_flow_no5.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 396px;
	text-align: center;
	vertical-align: top;
}

#flow_d h3#flow_no6{
	font-size: 12px;
	line-height: 29px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/bar_flow_no6.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 396px;
	text-align: center;
	vertical-align: top;
}

#flow_d h3#flow_no7{
	font-size: 12px;
	line-height: 29px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/bar_flow_no7.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 396px;
	text-align: center;
	vertical-align: top;
}


#flow_d table td#img_flow1{
	font-size: 12px;
	vertical-align: top;
	background-image: url(../img/img_flow1.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 105px;
	background-position: left top;
	width: 396px;
}

#flow_d table td#img_flow1 p{
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	padding-top: 30px;
	padding-right: 25px;
	padding-left: 250px;
}

#flow_d table td#img_flow2{
	font-size: 12px;
	vertical-align: top;
	background-image: url(../img/img_flow2.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 115px;
	background-position: left top;
	width: 396px;
}

#flow_d table td#img_flow2 p{
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	padding-top: 30px;
	padding-right: 25px;
	padding-left: 250px;
}

#flow_d table td#img_flow3{
	font-size: 12px;
	vertical-align: top;
	background-image: url(../img/img_flow3.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 110px;
	background-position: left top;
	width: 396px;
}

#flow_d table td#img_flow3 p{
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 250px;
}

#flow_d table td#img_flow4{
	font-size: 12px;
	vertical-align: top;
	background-image: url(../img/img_flow4.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 107px;
	background-position: left top;
	width: 396px;
}

#flow_d table td#img_flow4 p{
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	padding-top: 30px;
	padding-right: 25px;
	padding-left: 250px;
}

#flow_d table td#img_flow5{
	font-size: 12px;
	vertical-align: top;
	background-image: url(../img/img_flow5.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 107px;
	background-position: left top;
	width: 396px;
}

#flow_d table td#img_flow5 p{
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 250px;
}

#flow_d table td#img_flow6{
	font-size: 12px;
	vertical-align: top;
	background-image: url(../img/img_flow6.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 76px;
	background-position: left top;
	width: 396px;
}

#flow_d table td#img_flow6 p{
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	padding-top: 30px;
	padding-right: 25px;
	padding-left: 250px;
}


.flowcs1{
	text-align: left;
	vertical-align: middle;
	width: 289px;
}
.flow_cs{
	background-image: url(../img/img_flow_cs.gif);
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: middle;
	height: 55px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
	
}
.flow_cs p{
	padding-top: 13px;
	padding-right: 10px;
	padding-left: 10px;
}

.flowcs2{
	text-align: left;
	vertical-align: middle;
	width: 289px;
}
.flow_cs2{
	background-image: url(../img/img_flow_cs2.gif);
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: middle;
	height: 315px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
}
.flow_cs2 p{
	padding-top: 85px;
	padding-right: 10px;
	padding-left: 10px;
}


.flow5_text{
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	color: #000;
}


#flow_d table a,
#flow_d table a:link,
#flow_d table a:visited {
	color:#00a0e9;
	text-decoration:underline;
}

#flow_d table a:hover,
#flow_d table a:active {
	color:#00a0e9;
	text-decoration:none;
}

/* ----------------------
販売パートナー募集
------------------------- */
#partner_d{
}

#partner_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#partner_d h3{
	font-size: 12px;
	font-weight: bold;
	color: #cc0000;
	padding-top: 10px;
	padding-left: 15px;
}

#partner_d .contents_wrp{
	width: 695px;
	margin-top: 10px;
	margin-left: 5px;
}

div#thanks {
	padding: 40px 0px 40px 0px;
	text-align: center;
}

.partner_inq{
	padding-left: 15px;
}

/* ----------------------
制作について
------------------------- */
#product_d{
}

#product_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#product_d .contents_wrp{
	width: 685px;
	margin-top: 20px;
	margin-left: 5px;
}

#product_d #chapter1{
	width: 695px;
	margin-top: 10px;
	margin-left: 5px;
}

#product_d #chapter2{
	width: 695px;
	margin-top: 20px;
	margin-left: 5px;
}


#product_d #chapter1 h3{
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #fe3379;
	background-image: url(../img/icon_pk.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 24px;
	text-indent: 12px;
	margin-bottom: 5px;
}

#product_d #chapter2 h3{
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #fe3379;
	background-image: url(../img/icon_pk.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 24px;
	text-indent: 12px;
}

#product_d #chapter2 h4#t_no1{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/icon_no1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 23px;
	margin-bottom: 5px;
}

#product_d #chapter2 h4#t_no2{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/icon_no2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 23px;
	margin-bottom: 5px;
}

#product_d #chapter2 h4#t_no3{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/icon_no3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 23px;
	margin-bottom: 5px;
}

#product_d #chapter2 h4#t_no4{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/icon_no4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 23px;
	margin-bottom: 5px;
}

#product_d #chapter2 h4#t_no5{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	background-image: url(../img/icon_no5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 23px;
	margin-bottom: 5px;
}




.b_box{
	width: 685px;
	background-image: url(../img/img_bbox_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 7px;
	margin-left: 5px;
}

.b_box_in{
	background-color: #B3E3F9;
	background-image: url(../img/img_bbox_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
}

.b_box_in ul{
	margin-left: 18px;
	/margin-left: 25px;
}

.b_box_in li{
	list-style-position: outside;
	list-style-type: decimal;
	color: #000;
}

.products_text{
	line-height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

#site_map{
	text-align: center;
}

.sitemap_text{
	line-height: 16px;
	padding-top: 10px;
	font-size: 11px;
	padding-left: 10px;
}

.gr_box_line{
	border: 1px dotted #ccc;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
}

/* ----------------------
特定商品取引表記===追記===
------------------------- */
#tokusyo_d{
}

#tokusyo_d h2{
	font-size: 12px;
	line-height: 36px;
	font-weight: bold;
	color: #0099ff;
	background-image: url(../img/bar_h2.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	height: 36px;
	width: 705px;
}

#tokusyo_d table{
	width: 685px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-left: 10px;
}

#tokusyo_d th{
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 150px;
	line-height: 18px;
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#tokusyo_d td{
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	line-height: 18px;
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFF;
}













/* ----------------------
汎用
------------------------- */
.n_box{
	width: 685px;
	background-image: url(../img/img_box01_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-left: 10px;
}

.n_box_in{
	background-color: #eee;
	background-image: url(../img/img_box01_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

.n_box_in2{
	background-color: #eee;
	background-image: url(../img/img_box01_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

.n_box2{
	width: 685px;
	background-image: url(../img/img_box01_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
	margin-top: 7px;
	margin-left: 5px;
}

.n_box2_in2{
	background-color: #eee;
	background-image: url(../img/img_box01_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}





.top_text{
	margin-top: 10px;
	margin-left: 5px;
}









/* ----------
フッター
------------- */
#footer {
	clear: both;
	width: 100%;
	min-width:1003px;
	height: 304px;
	position: relative;
	margin-top: -304px; /* negative value of footer height */
	background-image: url(../img/img_footer.jpg);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer_box{
	height: 304px;
	margin-right: auto;
	margin-left: auto;
	
}

#footer_box_in{
	height: 304px;
	width: 983px;
	background-image: url(../img/img_footer_logo.jpg);
	background-repeat: no-repeat;
	background-position: left 58px;
	margin-right: auto;
	margin-left: auto;
}

#back_top{
	text-align: right;
}

#footer_navi_area{
	width: 872px;
	margin-left: 111px;
	margin-top: 15px;
}

#f_navi_left{
	float: left;
	width: 174px;
	background-image: url(../img/img_footer_line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#f_navi_left a,
#f_navi_left a:link,
#f_navi_left a:visited {
	color:#666;
	text-decoration:none;
}
#f_navi_left a:hover,
#f_navi_left a:active {
	color:#666;
	text-decoration:underline;
}

#f_navi_left ul{
	margin-left: 17px;
	padding-top: 11px;
}
#f_navi_left li{
	line-height: 13px;
	margin-bottom: 10px;
}



#f_navi_center{
	float: left;
	width: 174px;
	background-image: url(../img/img_footer_line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	height: 200px;
}

#f_navi_center a,
#f_navi_center a:link,
#f_navi_center a:visited {
	color:#666;
	text-decoration:none;
}
#f_navi_center a:hover,
#f_navi_center a:active {
	color:#666;
	text-decoration:underline;
}

#f_navi_center ul{
	margin-left: 17px;
	padding-top: 11px;
}
#f_navi_center li{
	line-height: 13px;
	margin-bottom: 10px;
}






#f_navi_right{
	float: right;
	width: 521px;
	background-image: url(../img/img_footer_line.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#f_navi_rightin{
	float: left;
	width: 254px;
	text-align: left;
}

#f_navi_rightin ul#f1{
	margin-left: 17px;
	padding-top: 11px;
}

#f_navi_rightin ul#f1 li{
	line-height: 13px;
	margin-bottom: 10px;
}

#f_navi_rightin ul#f1 li a,
#f_navi_rightin ul#f1 li a:link,
#f_navi_rightin ul#f1 li a:visited {
	color:#666;
	text-decoration:none;
}
#f_navi_rightin ul#f1 li a:hover,
#f_navi_rightin ul#f1 li a:active {
	color:#666;
	text-decoration:underline;
}


#f_navi_rightin ul#f2{
	margin-left: 17px;
	padding-top: 10px;
}

#f_navi_rightin ul#f2 li{
	line-height: 13px;
	margin-bottom: 10px;
}

#f_navi_rightin ul#f2 li a,
#f_navi_rightin ul#f2 li a:link,
#f_navi_rightin ul#f2 li a:visited {
	color:#0099ff;
	text-decoration:none;
}
#f_navi_rightin ul#f2 li a:hover,
#f_navi_rightin ul#f2 li a:active {
	color:#0099ff;
	text-decoration:underline;
}




#f_navi_right #f_h2{
	line-height: 12px;
	font-weight: normal;
	text-align: right;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-top: 16px;
	margin-right: 0px;
	font-size: 1em;
}

#f_navi_right #f_h2 a,
#f_navi_right #f_h2 a:link,
#f_navi_right #f_h2 a:visited {
	color:#0099ff;
	text-decoration:none;
}
#f_navi_right #f_h2 a:hover,
#f_navi_right #f_h2 a:active {
	color:#0099ff;
	text-decoration:underline;
}

.f_rone{
	line-height: 12px;
	text-align: right;
	padding-right: 0px;
	padding-bottom: 7px;
	margin-right: 0px;
	font-size: 1em;
}

.f_rone a,
.f_rone a:link,
.f_rone a:visited {
	color:#666;
	text-decoration:none;
}
.f_rone a:hover,
.f_rone a:active {
	color:#666;
	text-decoration:underline;
}


#t-f{
	float: right;
	width: 267px;
	padding-top: 7px;
}

#facebook{
	float: right;
}

#twitter{
	float: right;
	margin-right: 10px;
}


/* 販売パートナー募集・変更 */
#partner_form table { width: 655px; margin: 0 0 0 25px; border-collapse: collapse; font-size: 12px; }
#partner_form table tr { border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; }
#partner_form table tr.pft_bg { background: #eee; }
#partner_form table tr.ng_bg { background: #fdd; }
#partner_form table th { width: 150px; padding: 10px; text-align: right; }
#partner_form table th img.must { width: 30px; height: 16px; float: left; }
#partner_form table td { width: 505px; padding: 10px; }
#partner_form #partner_form_btn { text-align: center; margin: 10px 0 0 0; }
#partner_form #partner_form_btn input { width: 200px; }
ul#errors li { list-style: disc outside; margin-left: 1em; }