@charset "utf-8";
/* -----------------------------------------------------------
gururin
base.css
Last updated: 2010/02/16
copyright: 2010 DENTSU INC. All rights reserved
------------------------------------------------------------
01. header + footer
02. login page
03. form page
04. guide page
05. maintenance page
06. teaser page
07. gurulist page
00. handy items

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

/* 1-1. body */
body{text-align: center;color: #424242;font:13px/1.6 "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;*font-size:small;*font:x-small;word-break: break-all;word-wrap:break-word;background: #fff url(../images/common/bg_tile2.gif) repeat;}

/* 1-2. link */
a:link {color: #424242;text-decoration: underline;}
a:visited {color: #424242;text-decoration: underline;}
a:hover {color: #ff9600;text-decoration: underline;}
a:active {color: #ff9600;text-decoration: underline;}

/* -----------------------------------------------------------
	01. header + footer
------------------------------------------------------------*/
#wrapper {width:100%;background: #fff url(http://static.gururin.com/images/common/bg_tile.gif) repeat-x;}
#contents {width:950px;margin: 0 auto; text-align: left;position: relative;}

/*header*/
#header {position: relative;height:70px;}
#header h1 {position: absolute; top: 12px;left: 12px;}

/*header link*/
#header ul#hd_link {position: absolute; top: 7px;right: 7px;}
#header ul#hd_link li {float:left;padding-left:9px;font-size:77%;letter-spacing: 0.1em;line-height:1;}
#header ul#hd_link li.wb {background: url(http://static.gururin.com/images/common/dline_v.gif) repeat-y 100% 0; padding-right:10px;}
#header ul#hd_link li a:link,#header ul#hd_link li a:visited {color: #646464;text-decoration: none;}
#header ul#hd_link li a:hover,#header ul#hd_link li a:active {color: #ff9600;text-decoration: underline;}

/*top link*/
#header ul#top_link {position: absolute; bottom: 8px;right: 7px;}
#header ul#top_link li {display: inline;margin-left: 15px;}
#header ul#top_link li {background: url(http://static.gururin.com/images/common/ic_round.gif) no-repeat 0 50%; padding-left: 14px;}

/*footer*/
#footer {clear: both; background: #fff url(http://static.gururin.com/images/common/footer_tile.gif) repeat-x 0 0;}
#footer #f_wrap {width: 950px; margin: 0 auto; position:relative;text-align:left;line-height:1;}

ul#f_link {padding:18px 0 60px 9px;}
ul#f_link li {display: inline;margin-right: 12px; font-size:77%;}
ul#f_link li {background: url(http://static.gururin.com/images/common/ic_tri.gif) no-repeat 0 50%; padding-left: 7px;}

#footer address {color:#7bae13;font-size:77%;padding: 3px 0;position:absolute;top:13px;right:16px;}

/*------------------------------------------
	02. login page
------------------------------------------*/
#log_contwrap {padding: 19px 0 20px 0;}
#log_contwrap #top_pic {width:950px; height:452px;/*background: url(../images/login/top_bg.jpg) no-repeat 0 0;*/position: relative;z-index:1;}
#log_contwrap #top_pic #login_box {position: absolute;top:111px;left:676px;z-index:10;}
#flashcontent p {padding:100px;}

table#login_tbl {width: 250px;margin-top:39px;}
table#login_tbl th {width: 85px;}
table#login_tbl td,table#login_tbl th {padding: 0 0 13px 2px;color:#fff;}
table#login_tbl.error {margin-top:30px;}
table#login_tbl .btm {padding-bottom:5px;}
input.log_tex {width:156px;height:20px;border:1px solid #6c8baa;}

a:link.wht_link,a:visited.wht_link {color: #fff;text-decoration: underline;font-size:77%;}
a:hover.wht_link,a:active.wht_link {color: #fff;text-decoration: none;font-size:77%;}

/*------------------------------------------
	03. form page
------------------------------------------*/
h2#ti_cate {position:absolute; top:28px;left:165px;}
h3#ti_page {margin-left:7px;}

p.msg {margin:10px 0 36px 7px;}

/*inpute form frame*/
#regi_contwrap {padding: 57px 60px 65px 60px;}
#regist_boxtop {background: url(http://static.gururin.com/images/form/form_top.gif) no-repeat 0 0;width:844px;height:8px;font-size:1px;}
#regist_boxbtm {background: url(http://static.gururin.com/images/form/form_btm.gif) no-repeat 0 0;width:844px;height:8px;font-size:1px;}
#regist_boxmid {background: url(http://static.gururin.com/images/form/form_mid.gif) repeat-y 0 0;width:844px;}

/*input form*/
table#regi_tbl, table#regi_tbl02 {width:844px;margin:0;}
table#regi_tbl th, table#regi_tbl02 th {font-weight: bold;width:135px;}
table#regi_tbl th, table#regi_tbl td {padding:28px;border-bottom:1px solid #e4e4e4;vertical-align:top;}
table#regi_tbl02 th, table#regi_tbl02 td{padding:14px 28px;border-bottom:1px solid #e4e4e4;vertical-align:top;}
table#regi_tbl .nb, table#regi_tbl02 .nb {border-bottom: none;}
table#regi_tbl .top {padding-top:20px;}
table#regi_tbl02 .top {padding-top:10px;}

/**/
.must {font-size:85%;color:#ff0000;font-weight: normal;}
.err {color:#ff0000;font-weight: normal;margin-bottom:16px;}
ul.alert_list {margin-top: 34px;}
ul.alert_list li {background: url(http://static.gururin.com/images/common/ic_alert.gif) no-repeat 0 50%; padding-left: 20px;color:#ff0000;font-weight: bold;margin:0 0 6px 7px;}
ul.descrip {margin: 14px 0 16px 0;}

/*input text*/
input.tex01,input.tex02,input.tex03,input.tex04,input.tex05 {height:16px;padding: 2px;border:1px solid #6c8baa;}
input.tex01 {width:195px;}
input.tex02 {width:498px;}
input.tex03 {width:68px;}
input.tex04 {width:30px;}
input.tex05 {width:515px;}
label.radi {margin:0 30px 0 5px;}

/*button area*/
.btn {margin: 28px auto 0 auto; text-align:center;}
.btn input, .btn a img {margin: 0 8px;vertical-align: bottom;}
.msg02 {margin-top:100px; text-align:center;font-weight: bold;font-size: 122%;}
.btn_totop {margin:90px 0 149px 0;text-align:center;}

/*terms textbox*/
#terms_contwrap {margin: 45px 60px;}
.terms_box {border: 1px solid #e4e4e4;padding:33px;height: 234px;overflow: scroll;margin-top:10px;}

/*text message with border frame*/
#msg_boxtop {background: url(http://static.gururin.com/images/form/form_top02.gif) no-repeat 0 0;width:844px;height:8px;font-size:1px;}
#msg_boxbtm {background: url(http://static.gururin.com/images/form/form_btm02.gif) no-repeat 0 0;width:844px;height:8px;font-size:1px;}
#msg_boxmid {background: url(http://static.gururin.com/images/form/form_mid02.gif) repeat-y 0 0;width:844px;}
.msg_inner {padding:35px 50px 48px 50px;}

table#mail_tbl {width:735px;margin-top:35px;}
table#mail_tbl th {font-weight: bold;width: 8em;}

/*------------------------------------------
	04. guide page
------------------------------------------*/
#guide_contwrap {padding: 18px 0 30px 0;overflow:hidden;}
#sub_col {width:227px;float: left;margin-top:10px;}
#main_col {width:687px;float: right;padding:10px 0 0 18px;background: url(http://static.gururin.com/images/guide/vline.gif) no-repeat 0 0;}
#main_col.other {width:663px;padding:10px 0 0 42px;}
.vl_btm {width:5px; height:66px;background: url(http://static.gururin.com/images/guide/vline_btm.gif) no-repeat 0 100%;margin-left:-18px;}
.vl_btm.otherp {margin-left:-42px;}

/*guide menu*/
ul#guide_nav {background: url(http://static.gururin.com/images/guide/nav.gif) no-repeat 0 0; height: 355px;width: 227px;}
ul#guide_nav li a {width: 227px; height: 50px;background: url(http://static.gururin.com/images/guide/nav.gif) no-repeat 0 0;display: block; overflow: hidden; text-indent: -9999px;}

ul#guide_nav li#nav01 a {height:55px;background-position: 0 0;}
ul#guide_nav li#nav01 a:hover {height:55px;background-position: -227px 0;}
ul#guide_nav li#nav01_on a {height:55px;background-position: -454px 0;}

ul#guide_nav li#nav02 a {background-position: 0 -55px;}
ul#guide_nav li#nav02 a:hover {background-position: -227px -55px;}
ul#guide_nav li#nav02_on a {background-position: -454px -55px;}

ul#guide_nav li#nav03 a {background-position: 0 -105px;}
ul#guide_nav li#nav03 a:hover {background-position: -227px -105px;}
ul#guide_nav li#nav03_on a {background-position: -454px -105px;}

ul#guide_nav li#nav04 a {background-position: 0 -155px;}
ul#guide_nav li#nav04 a:hover {background-position: -227px -155px;}
ul#guide_nav li#nav04_on a {background-position: -454px -155px;}

ul#guide_nav li#nav05 a {background-position: 0 -205px;}
ul#guide_nav li#nav05 a:hover {background-position: -227px -205px;}
ul#guide_nav li#nav05_on a {background-position: -454px -205px;}

ul#guide_nav li#nav06 a {background-position: 0 -255px;}
ul#guide_nav li#nav06 a:hover {background-position: -227px -255px;}
ul#guide_nav li#nav06_on a {background-position: -454px -255px;}

ul#guide_nav li#nav07 a {background-position: 0 -305px;}
ul#guide_nav li#nav07 a:hover {background-position: -227px -305px;}
ul#guide_nav li#nav07_on a {background-position: -454px -305px;}

/*guide btns*/
ul#guide_btn {}
ul#guide_btn li a {width: 687px; height: 84px;background: url(http://static.gururin.com/images/guide/btn_guide.gif) no-repeat 0 0;display: block; overflow: hidden; text-indent: -9999px;margin-bottom:6px;}
ul#guide_btn li#btn01 a {background-position: 0 0;}
ul#guide_btn li#btn01 a:hover,ul#guide_btn li#btn01_on a {background-position: -687px 0;}
ul#guide_btn li#btn02 a {background-position: 0 -84px;}
ul#guide_btn li#btn02 a:hover,ul#guide_btn li#btn02_on a {background-position: -687px -84px;}
ul#guide_btn li#btn03 a {background-position: 0 -168px;}
ul#guide_btn li#btn03 a:hover,ul#guide_btn li#btn03_on a {background-position: -687px -168px;}
ul#guide_btn li#btn04 a {background-position: 0 -252px;}
ul#guide_btn li#btn04 a:hover,ul#guide_btn li#btn04_on a {background-position: -687px -252px;}
ul#guide_btn li#btn05 a {background-position: 0 -336px;}
ul#guide_btn li#btn05 a:hover,ul#guide_btn li#btn05_on a {background-position: -687px -336px;}
ul#guide_btn li#btn06 a {background-position: 0 -420px;}
ul#guide_btn li#btn06 a:hover,ul#guide_btn li#btn06_on a {background-position: -687px -420px;}
ul#guide_btn li#btn07 a {background-position: 0 -504px;}
ul#guide_btn li#btn07 a:hover,ul#guide_btn li#btn07_on a {background-position: -687px -504px;}

/*page title + ic*/
h3#ti_gpage {padding:18px 0 5px 2px;border-bottom:1px solid #83c200;}
.about {background: url(http://static.gururin.com/images/guide/ic_g.gif) no-repeat 624px 7px;}
.company {background: url(http://static.gururin.com/images/guide/ic_company.gif) no-repeat 629px 9px;}
.terms {background: url(http://static.gururin.com/images/guide/ic_terms.gif) no-repeat 628px 9px;}
.privacy {background: url(http://static.gururin.com/images/guide/ic_privacy.gif) no-repeat 627px 6px;}
.inq {background: url(http://static.gururin.com/images/guide/ic_inquiry.gif) no-repeat 624px 19px;}
.owner {background: url(http://static.gururin.com/images/guide/ic_owner.gif) no-repeat 625px 12px;}

/*text*/
p.gtext {margin-top: 22px;line-height: 2;}
p.gtext.mt40 {margin-top: 40px;}

/*about gururin*/
.video {margin:20px auto;text-align:center;}
h4.subti_gpage {padding:0 0 5px 2px;border-bottom:1px solid #83c200;}
p.fig {margin-top:35px;text-align:center;}
.about_box {background-color:#f5f5f5;padding:20px;margin-top:30px;}
.about_box h5 {font-size:107%;}
.about_box dl dt {font-weight: bold;color:#6ea300;margin-top:10px;}
.about_set {background: url(http://static.gururin.com/images/common/dline.gif) repeat-x 0 0;margin-top:40px;padding-top:40px;}

/*company*/
.splogo {margin:50px 0 140px 10px;}
.splogo img {margin-right:55px;vertical-align:top;}

h4.g_h4 {margin-top: 40px;font-weight:normal;color:#7bae13;}
h4.g_h4.top {margin-top: 20px;}

.gbox_top {background: url(http://static.gururin.com/images/guide/gbox_top.gif) no-repeat 0 0;width:624px;height:8px;font-size:1px;margin:16px 0 0 20px;}
.gbox_btm {background: url(http://static.gururin.com/images/guide/gbox_btm.gif) no-repeat 0 0;width:624px;height:8px;font-size:1px;margin:0 0 0 20px}
.gbox_mid {background: url(http://static.gururin.com/images/guide/gbox_mid.gif) repeat-y 0 0;width:584px;padding:0 20px;color:#7bae13;line-height:2;margin:0 0 0 20px}

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

/*terms + privacy policy*/
#doc {margin-top:22px;}
#doc h4 {font-weight: normal;}
#doc h5 {text-align:center;margin-top:20px;}
#doc h6 {font-weight: normal;text-align:right;}

/*privacy list*/
ol{padding-left : 2.15em;}
ol#plist li {list-style:decimal;list-style-position:outside;margin:22px 0 0 0;height:auto;}

/*terms of use list*/
dl#tlist dt {font-weight:bold;margin-top:22px;}
dl#tlist dd {margin-top:10px;}
dl#tlist dd ol li {list-style:decimal;list-style-position:outside;margin:10px 0 0 0;height:auto;}
dl#tlist dd ol.nonum {padding-left:0;}
dl#tlist dd ol.nonum li {list-style-type:none;}

/*website owner*/
pre.mett {margin:10px 0;font-family:"Courier New", Courier, monospace;font-size:100%;color:#F00;}

/*------------------------------------------
	05. maintenance page
------------------------------------------*/
body#mainte {background-image: none;background-color:#fff;}
body#mainte h1 img {margin-top: 266px;}
body#mainte h2 {margin-top: 37px;font-size:122%; font-weight:normal;}
body#mainte address {margin-top: 260px;color:#7bae13;font-size:77%;}

/*------------------------------------------
	06. teaser page
------------------------------------------*/
body#teaser {background:#93c900 url(http://static.gururin.com/images/teaser/bg_tile.jpg) repeat-x 0 0;}
body#teaser #wrap {width:969px;position:relative;margin:0 auto;}
body#teaser #wrap h1 {position:absolute;top:288px;left:0;}
body#teaser #wrap h2 {position:absolute;top:377px;right:0;}
body#teaser #wrap address {position:absolute;top:418px;left:0;color:#fff;font-size:77%;}

/*------------------------------------------
	07. gurulist page
------------------------------------------*/
h2#gl {margin-bottom:10px;font-size:136%;text-align:left;}
h2#gl span {font-weight:normal;padding-left:10px;font-size:67%;}

#glist_tbl {width:100%;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-collapse:separate;border-spacing:inherit;text-align:left;}
#glist_tbl th {background:#9ecf1a url(http://static.gururin.com/images/gurulist/bg_th.jpg) repeat-x 0 100%;color:#fff;padding:12px 10px 8px 20px;line-height: 1;width:20%;white-space:nowrap;text-align: left;border-left:1px solid #d7d7d7;font-weight:bold;}
#glist_tbl tr.bg td {background-color:#e7f6ca;}
#glist_tbl td {padding:8px 20px;border-bottom:1px solid #e8e8e8;border-top:1px solid #fff;background:url(http://static.gururin.com/images/gurulist/dline_v.gif) repeat-y 0 0;width:20%;}
#glist_tbl td.nb {background-image: none;}
#glist_tbl th.nb {border-left: none;}

/*------------------------------------------
	08. invitation page
------------------------------------------*/
body#invite {background:#93c900 url(http://static.gururin.com/images/common/bg_tile03.jpg) repeat-x 0 -215px;}
body#invite #wrap {width:1027px;position:relative;margin:0 auto;}

body#invite #wrap h1 {position:absolute;top:73px;left:0;}
body#invite #wrap address {position:absolute;top:203px;left:0;color:#fff;font-size:77%;}

body#invite #wrap #contents {position:absolute;top:73px;left:411px;width:616px;}
body#invite #wrap #contents h2 {font-size:136%;line-height:1;color:#93c900;}
body#invite #wrap #contents p.invi_msg {margin-top:20px;line-height:2;}

body#invite #wrap #contents ul#step {margin-top:25px;width:600px;height:132px;background:url(http://static.gururin.com/images/invitation/bg_step.jpg) repeat-y 0 0;position:relative;}
ul#step li {position:absolute;color:#fff;line-height:1.3;font-size:107%;font-weight:bold;left:16px;}
ul#step li p.lf {width:10.5em;float:left;}
ul#step li p.rt {margin-left:10.5em;}
ul#step li#stp01 {top:9px;}
ul#step li#stp02 {top:59px;}
ul#step li#stp03 {top:108px;}

body#invite #wrap #contents #terms_box {background-color:#fff;padding:25px;height: 234px;overflow: scroll;margin-top:50px;}
p.invi_msg02 {color:#fcfc00;font-size:107%;font-weight:bold;margin-top:40px;}
p.invi_msg02.comp {font-size:122%;line-height:2;margin-bottom:60px;}
body#invite #wrap #contents table#mail_tbl {width:624px;margin:20px 0 60px;}
input.tex06 {width:500px;height:16px;padding: 2px;}

/*------------------------------------------
	00. handy items
------------------------------------------*/
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt22 {margin-top: 22px;}
.mt40 {margin-top: 40px;}
.mt100 {margin-top: 100px;}
.mt160 {margin-top: 160px;}
.tex_r {text-align: right;}
.tex_c {text-align: center;}
.tex10 {font-size: 77%;}

.fl_r {float: right;}
.fl_l {float: left;}

/*clear float*/
.clear {clear: both;}

.clearfix:after {
content: " ";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */