@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for allsports
FileName: howto.css
--------------------------------------------------------------------- */


/** サイトの使い方 **/
#howto_content { text-align: center;}
#howto_content .contents { width: 600px; margin: 15px auto 0 auto; text-align: left;}
#howto_content .contents h4 { padding: 5px 10px 5px 5px; font-size: 16px; line-height: 20px; border-bottom: 3px solid #3369d6;}
#howto_content .contents .word_box { padding: 5px 10px 20px 10px; border: 1px solid #154ac9;}
#howto_content .contents .word_box h5 { padding: 10px 0 5px 0;}
#howto_content .contents .word_box .left { float: left; background-color: #3369d6; font-size: 14px; color: #FFF; padding: 2px 5px;}
#howto_content .contents .word_box .right { float: left; font-size: 14px; padding: 2px 5px;}


#howto_content .contents .word_box div.box table { border: 1px solid #e1e1e1; margin-bottom: 10px; line-height: 20px; letter-spacing: 1px;}
#howto_content .contents .word_box div.box table.tbox { width: 580px;}
#howto_content .contents .word_box div.box table div { padding: 5px;}
#howto_content .contents .word_box div.box table .left_box { }
#howto_content .contents .word_box div.box table .right_box { width: 230px;}
#howto_content .contents .word_box div.box table span { font-size: 10px; letter-spacing: 1px; color: #C00;}
#howto_content .contents .word_box div.box table .caption { padding: 2px; font-size: 10px; letter-spacing: 1px; line-height: 14px; text-align: left;}
#howto_content .contents .word_box div.box table p.caption220 { width: 220px; margin: 0 auto; padding: 2px; font-size: 10px; line-height: 14px; text-align: left; letter-spacing: 1px;}
#howto_content .contents .word_box div.box table p.caption190 { width: 190px; margin: 0 auto; padding: 2px; font-size: 10px; line-height: 14px; text-align: left; letter-spacing: 1px;}
#howto_content .contents .word_box div.box table .box_center { width: 50%; text-align: center;}

/* add CSS code at 2009.07.07 - START -  */
#howto_content .contents .word_box div.box table ul.howtoList li{font-size:90%;	margin-left:5px; padding-left:18px; letter-spacing:0!important; background:url(/image/howto_icon.gif) no-repeat 0 3px;}
#howto_content .contents .word_box div.box table ul.howtoList a{font-weight:normal!important;}
#howto_content .contents .word_box div.box table ul.howtoList a strong{font-weight:bold;}
/* add CSS code at 2009.07.07 - END - */

#howto_content .contents .menu { text-align: center;}
#howto_content .contents .menu h4 { float: left; width: 300px; text-align: center; border: 0px; padding: 0;}
#howto_content .contents .menu h4 a { display: block; width: 300px; color: white; padding: 5px 0;}
#howto_content .contents #cont_box1 #tab1 a { background-color: #154ac9;}
#howto_content .contents #cont_box1 #tab1 a:hover { background-color: #96b0e3; color: #FFF;}
#howto_content .contents #cont_box1 #tab2 a { background-color: #96b0e3; color: #e0ebff;}
#howto_content .contents #cont_box1 #tab2 a:hover { background-color: #154ac9; color: #FFF;}
#howto_content .contents #cont_box2 #tab1 a { background-color: #96b0e3; color: #e0ebff;}
#howto_content .contents #cont_box2 #tab1 a:hover { background-color: #154ac9; color: #FFF;}
#howto_content .contents #cont_box2 #tab2 a { background-color: #154ac9;}
#howto_content .contents #cont_box2 #tab2 a:hover { background-color: #96b0e3; color: #FFF;}
#howto_content .contents #cont_box2 { display: none;}
#howto_content #complete_btn { padding-top: 15px; text-align: center;}
#howto_content #complete_btn p { text-align: center;}