@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for dancelife
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: 1px 10px 0 10px; background: url(/html/howto/image/html_howto_stitle.gif) repeat-x; color: #FFF; font-size: 16px; line-height: 26px;}
#howto_content .contents .word_box { padding: 5px 10px 20px 10px; border: 1px solid #F2F2F2;}
#howto_content .contents .word_box h5 { padding: 10px 0 5px 0;}
#howto_content .contents .word_box .left { float: left; background-color: #ae156a; 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;}
#howto_content .complete_btn { padding-top: 15px;}
#howto_content .complete_btn p { text-align: center;}

#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: #99125d; color: #FFF;}
#howto_content .contents #cont_box1 #tab1 a:hover { background-color: #de7ab1; color: #ffd9ee;}
#howto_content .contents #cont_box1 #tab2 a { background-color: #de7ab1; color: #ffd9ee;}
#howto_content .contents #cont_box1 #tab2 a:hover { background-color: #99125d; color: #FFF;}
#howto_content .contents #cont_box2 #tab1 a { background-color: #de7ab1; color: #ffd9ee;}
#howto_content .contents #cont_box2 #tab1 a:hover { background-color: #99125d; color: #FFF;}
#howto_content .contents #cont_box2 #tab2 a { background-color: #99125d; color: #FFF;}
#howto_content .contents #cont_box2 #tab2 a:hover { background-color: #de7ab1; color: #ffd9ee;}
#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;}