@charset "utf-8";

/*========================================================


Toones Internet Fax WebSite

pre_layout.css


coded by forclient [http://www.forclient.jp/]
Editor : a.takenaka
date : 2010.4.21
last Update : 2010.4.21

----------------------------------------

Content

1.Common
3.Structure
4.Header
5.Global Navigation
6.Side Navigation
7.Footer
8.Common module


A1[/index.html]


========================================================*/


/*====================================================== 1.Common */

/*
body { margin:0; padding:0; color:#333333; background-color:#fff; font-family:'Arial','Verdana','Helvetica',sans-serif; line-height:1.4em; background:url(../images/bg_top.gif) repeat-x 0 0; font-size:93%; }

hr { display:none; }
em { font-weight:bold; font-style:normal; }
*/
p.guide { display:none; }


ul,li { margin:0; padding:0; }
li { list-style:none; }


a,a:visited { color:#0197d3; text-decoration:underline; outline:none; }
a:hover{ color:#0197d3; text-decoration:none; }
a:focus{ -moz-outline-style:none; }

/*
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

.dot { padding-bottom:10px; background:url(../images/2px_dot.gif) repeat-x 0 100%; }
*/


/*====================================================== 2.Structure */

/*
#container { margin:0 auto; padding:0 10px; width:928px; }
#contents { float:left; width:608px; }
*/
#right_side { float:right; padding:7px 7px 0 7px; width:284px; background-color:#eff3f7; border:1px solid #d6d8d9; }

h1 { margin:0 0 15px 0 !important; padding:12px 12px 10px 22px !important; height:auto !important; font-size:18px; font-weight:bold; line-height:1em !important; color:#fff; background:#04b1e3 url(../images/bg_h1.jpg) no-repeat 0 100% !important; border-top:1px solid #1d8abf; }
h2 { margin:0 0 15px 0 !important; padding:12px 12px 10px 20px!important; height:auto !important; font-size:16px; font-weight:bold; line-height:1em !important; color:#333333; background:#c1dfe9 url(../images/bg_h2.jpg) no-repeat 0 100% !important; border-top:1px solid #e7e7e7; }
h4 { margin:0 0 15px 0 !important; padding:12px 12px 10px 20px!important; height:auto !important; font-size:14px; font-weight:bold; line-height:1em !important; color:#333333; background:#c1dfe9 url(../images/bg_h3.jpg) no-repeat 0 100% !important; border-top:1px solid #e7e7e7; }



/*====================================================== 3.Header */

/*
#header { padding-top:24px; }
*/

/*Logo*/
/*
#header p.category { float:left; width:400px; color:#888; font-size:16px; font-weight:bold; }
#header p.category  img { margin-right:3px; }
*/

/*Account*/
/*
#header #accountBox { float:right; width:400px; font-size:11px; }
#header #accountBox ul { margin:0 auto 3px 0; }
#header #accountBox ul li { float:right; margin-left:5px; padding-left:5px; border-left:1px solid #ccc; line-height:1em; }
#header #accountBox ul li.none { border:none; }
#header #accountBox p { text-align:right; }
*/

/*Topic Path*/
/*
#header dl#topicPath { clear:both; padding:18px 0 10px 0; }
#header dl#topicPath dt { display:none; }
#header dl#topicPath dd ul li { float:left; margin-right:10px; padding-right:15px; background:url(../images/icon_topicpath.gif) no-repeat 100% 50%; }
#header dl#topicPath dd ul li.none { background:none; }
*/


/*====================================================== 4.Global Navigation */

#globalNav_login { margin-bottom:10px; padding:5px; background-color:#fff; border:1px solid #bcd7e7; }
#globalNav_login h3 { border:1px solid #e1e0e0; border-top:none; }
#globalNav_login ul li { padding:0; font-weight:bold; border:1px solid #e1e0e0; border-top:none; }
#globalNav_login ul li ul li { border:none; }
#globalNav_login ul li a { display:block; padding:9px 5px 9px 9px; width:256px; background:url(../images/nav_bg.jpg) repeat-x 0 100%; color:#e47713; }
#globalNav_login ul li a:hover { background:#feeacf url(../images/nav_bg_on.jpg) repeat-x 0 100%; }
#globalNav_login ul li a span { display:block; padding-left:20px; background:url(../images/nav_icon01.gif) no-repeat 0 50%; }
#globalNav_login ul li ul li a { padding-left:35px; width:230px; background:none; }
#globalNav_login ul li ul li a:hover { background-color:#feeacf; background-image:none; }
#globalNav_login ul li ul li a span { padding-left:20px; background:url(../images/nav_icon02.gif) no-repeat 0 50%; }

#globalNav { margin-bottom:10px; padding:5px; background-color:#fff; border:1px solid #bcd7e7; }
#globalNav h3 { border:1px solid #e1e0e0; border-top:none; }
#globalNav ul li { padding:0; font-weight:bold; border:1px solid #e1e0e0; border-top:none; }
#globalNav ul li ul li { border:none; }
#globalNav ul li a { display:block; padding:9px 5px 9px 9px; width:256px; background:url(../images/nav_bg02.jpg) repeat-x 0 100%; color:#55747f; }
#globalNav ul li a:hover { background:#e3e9eb url(../images/nav_bg02_on.jpg) repeat-x 0 100%; }
#globalNav ul li a span { display:block; padding-left:20px; background:url(../images/nav_icon02.gif) no-repeat 0 50%; }
#globalNav ul li ul li a { padding-left:35px; width:230px; background:none; }
#globalNav ul li ul li a:hover { background-color:#fcb377; background-image:none; }
#globalNav ul li ul li a span { padding-left:20px; background:url(../images/nav_icon02.gif) no-repeat 0 50%; }

/*Active Contents*/
#a01_login #globalNav_login ul li.a01 a,
#b01_login #globalNav_login ul li.b01 a,
#c01_login #globalNav_login ul li.c01 a,
#d01_login #globalNav_login ul li.d01 a,
#e01_login #globalNav_login ul li.e01 a,
#f01_login #globalNav_login ul li.f01 a,
#g01_login #globalNav_login ul li.g01 a { background:#feeacf url(../images/nav_bg_on.jpg) repeat-x 0 100%; text-decoration:none; }

#a01 #globalNav ul li.a01 a,
#b01 #globalNav ul li.b01 a,
#c01 #globalNav ul li.c01 a,
#d01 #globalNav ul li.d01 a,
#e01 #globalNav ul li.e01 a,
#f01 #globalNav ul li.f01 a,
#g01 #globalNav ul li.g01 a { background:#e9edee url(../images/nav_bg02_on.jpg) repeat-x 0 100%; text-decoration:none; }


/*Sub*/
#b01 #globalNav ul li.b01 ul li.b02 a, 
#b01 #globalNav ul li.b01 ul li.b03 a { padding-left:35px; width:230px; background:none; text-decoration:underline; }

#b01 #globalNav ul li.b01 ul li.b02 a:hover, 
#b01 #globalNav ul li.b01 ul li.b03 a:hover { padding-left:35px; width:230px; background-color:#def8ff; background-image:none; text-decoration:none; }

#b02 #globalNav ul li.b01 ul li.b02 a,
#b03 #globalNav ul li.b01 ul li.b03 a { background-color:#def8ff; background-image:none; text-decoration:none; }


/*====================================================== 5.Free Account */

#freeAccount { margin-bottom:10px; width:284px; height:70px; }
#freeAccount ul li { text-indent:-9999px; }
#freeAccount ul li a { display:block; width:284px; height:70px; background:url(../images/btn_account.gif) no-repeat 0 0; }
#freeAccount ul li a:hover { background:url(../images/btn_account.gif) no-repeat 0 -70px; }



/*====================================================== 6.Log in */

#logIn { margin-bottom:10px; padding:5px; background-color:#fff; border:1px solid #bcd7e7; }
#logIn form { border:1px solid #e1e0e0; }
#logIn form dl { padding:15px 0 0 15px; }
#logIn form dl dt { float:left; padding-top:5px; width:75px; font-weight:bold; color:#096991; }
#logIn form dl dd { float:right; width:170px; }
#logIn form dl dd input { display:block; padding:3px; width:148px; height:16px; }
#logIn form input.submit { display:block; margin-left:95px; width:112px; height:31px; }
#logIn form ul { font-size:77%; padding:10px 0; }
#logIn form ul li { margin-left:100px; line-height:1.2em; }



/*====================================================== 7.Footer */
/*
#footer { clear:both; padding:15px 0 30px 0; background:url(../images/2px_dot.gif) repeat-x 0 0; }
#footer ul#pageTop { float:right; }
#footer #credit { width:28em; }
#footer #credit ul { float:right; width:20em; }
#footer #credit ul li { float:left; margin-left:7px; padding-left:12px; font-size:77%; background:url(../images/icon_hifun.gif) no-repeat 0 50%; }
#footer #credit address { float:left; width:7em; font-size:93%; line-height:1.3em; }
*/