@charset "UTF-8";
/* hompemo Style */

#one-c_al,
#two-c_al  { padding-top: 14px; }

/* a link */
a:link  { color:#0646a0; text-decoration:none; }
a:visited  { color:purple; text-decoration:none; }
a:hover  { color:#f93; text-decoration:underline; }
a:active  { color:#0646a0; text-decoration:underline; }

/*toolbar tb */
#tb_al  { background-color:#ff80b9; border-bottom:1px solid #a20049; }
#tb_in  { color:black; }

/*global navigation */
#gn_al  { background-position:left bottom; background-repeat:repeat-x; background-image:url(../../images/hompemo/gn/gn_bg.gif); }
#gn_in  { font-size: 0.82em; font-weight:400; line-height:1em; }
#gn_in .gn  { width:auto; margin:0; padding:0; float:left; width:100%; overflow:hidden; }
#gn_in .gn li  { float:left; margin:0 -1px -1px 0; background-position:left top; background-repeat:repeat-x; border-bottom:1px solid #7F4D00; white-space:nowrap; }

#gn_in .gn a,
#gn_in .gn a span  {  color:black;  display:inline-block; margin:0; background-image:url(../../images/hompemo/gn/gn_tab_bg.png); background-repeat:no-repeat; cursor:pointer; }
#gn_in .gn a  {  padding:0 0.7em 0 0; background-position:right 0px; background-color:#ff80b9;  }
#gn_in .gn a span  {  padding:0.6em 0 0.4em 0.7em; background-position:left 0px; background-color:#ff80b9; }
#gn_in .gn li a:hover { background-color:#ffcce3; background-position:right -100px; }
#gn_in .gn li a:hover span  { background-color:#ffcce3; background-position:left -100px; }
#gn_in .gn li.on a { background-color:white; background-position:right -200px; color:black; }
#gn_in .gn li.on a span  { background-color:white; background-position:left -200px; color:black; }

#gn_in .gn a.blue,
#gn_in .gn a.blue span  {  color:black;  display:inline-block; margin:0; background-image:url(../../images/hompemo/gn/gn_tab_bg_blue.png); background-repeat:no-repeat; cursor:pointer; }
#gn_in .gn a.blue  {  padding:0 0.7em 0 0; background-position:right 0px; background-color:#b2ccf6;  }
#gn_in .gn a.blue span  {  padding:0.6em 0 0.4em 0.7em; background-position:left 0px; background-color:#b2ccf6; }
#gn_in .gn li a.blue:hover { background-color:#e8f0fc; }
#gn_in .gn li a.blue:hover span  { background-color:#e8f0fc; }

/*footer ft */
#ft_al  { border-top:1px solid #a20049; }

#flashcontent { display: inline-block; margin: 0; }

.hot_tag,
.cork_board,
.cork_board2 {background-position:left top; margin-bottom:10px; background-repeat: repeat-y; display: inline-block; width: 100%; }
.hot_tag .upper,
.cork_board .upper,
.cork_board2 .upper { background-position: left top; background-repeat: no-repeat; display: inline-block; width: 100%; }
.hot_tag .main,
.cork_board .main,
.cork_board2 .main { background-position:left bottom; background-repeat:no-repeat; display: inline-block; width: 100%; }
.cork_board .main,
.cork_board2 .main { padding-bottom: 32px; }

#ar_w655px .hot_tag {background-image:url(../../images/hompemo/bg/blackboard_w655_bg.jpg); }
#ar_w655px .hot_tag .upper { background-image: url(../../images/hompemo/bg/blackboard_w655_upper.jpg); }
#ar_w655px .hot_tag .main { background-image: url(../../images/hompemo/bg/blackboard_w655_bottom.jpg); }

#ar_w655px .cork_board {background-image:url(../../images/hompemo/bg/cork_board_w655_bg.png); }
#ar_w655px .cork_board .upper { background-image: url(../../images/hompemo/bg/cork_board_w655_upper.png); }
#ar_w655px .cork_board .main { background-image: url(../../images/hompemo/bg/cork_board_w655_bottom.png); }
#ar_w300px .cork_board {background-image:url(../../images/hompemo/bg/cork_board_w300_bg.png); }
#ar_w300px .cork_board .upper { background-image: url(../../images/hompemo/bg/cork_board_w300_upper.png); }
#ar_w300px .cork_board .main { background-image: url(../../images/hompemo/bg/cork_board_w300_bottom.png); }

#ar_w655px .cork_board2 {background-image:url(../../images/hompemo/bg/cork_board2_w655_bg.png); }
#ar_w655px .cork_board2 .upper { background-image: url(../../images/hompemo/bg/cork_board2_w655_upper.png); }
#ar_w655px .cork_board2 .main { background-image: url(../../images/hompemo/bg/cork_board2_w655_bottom.png); }

.hot_tag h3 { text-align: right; color: #aaffaa; font-size: 0.75em; font-weight: 400; padding: 30px 30px 10px 0; }
.hot_tag ul.tag { padding: 0 30px 30px 30px; display: inline-block; }
.hot_tag a { color: #aaffaa; font-weight: 700; line-height: 1em; }
.hot_tag a:hover { color: white; }
.hot_tag a:visited { color: #ffaaaa; }
.hot_tag .tag li { margin: 0; padding: 0.5em; float: left; border: none; color: white; display: inline-block; white-space: nowrap; }
.hot_tag .tag li.tab1 { font-size: 0.75em; }
.hot_tag .tag li.tab2 { font-size: 1em; }
.hot_tag .tag li.tab3 { font-size: 1.4em; }
.hot_tag .tag li.tab4 { font-size: 1.8em; }
.hot_tag .tag li.tab5 { font-size: 2.2em; }

#howto_hompemo { margin-bottom: 14px; }
.howto_header { width: 655px; height: 48px; margin: 0; padding: 0; }
.howto_button { widows: 655px; height: 102px; margin: 0; padding: 0; }
.howto_button li { float: left; margin: 0; padding: 0; display: inline-block; }
.howto_button li a { display: block; overflow: hidden; height: 97px; background-image: url(../../images/hompemo/about/about_hompemo_button.png); background-position: 0 0; background-repeat: no-repeat; display: inline-block;  }
.howto_button li a span { display: block; overflow: hidden; padding: 100px 0 0 0; }
.howto_button li.create,
.howto_button li.create a,
.howto_button li.view,
.howto_button li.view a { width: 220px; }
.howto_button li.res,
.howto_button li.res a { width: 215px; }

.howto_button li.create a { background-position: 0 0; }
.howto_button li.create a:hover { background-position: 0 -102px; }
.howto_button li.res a { background-position: -220px 0; }
.howto_button li.res a:hover { background-position: -220px -102px; }
.howto_button li.view a { background-position: -435px 0; }
.howto_button li.view a:hover { background-position: -435px -102px; }


ul.new_list { display: inline-block; margin: 40px 40px 40px 0; width: 320px; }
.cork_board a,
.cork_board2 a { color: #990066; }
.cork_board a:hover,
.cork_board2 a:hover { color: #cc0099; }
.cork_board a:visited,
.cork_board2 a:visited { color: #660033; }
.pickup_image { margin: 25px 0 0 25px; }
#ar_w300px .enquate_list { width: auto; padding: 15px 30px 0 30px; }

.about_hompemo { margin-bottom: 20px; }
.about_hompemo h3 { display: block; margin-bottom: 5px; font-size: 0.88em; }
.about_hompemo p { font-size: 0.82em; line-height: 1.3em; padding: 0 0 0.5em 30px; }
.about_hompemo h4 { display: block; font-size: 0.88em; font-weight: 400; border-bottom: 1px solid #aaa; margin: 0 0 5px 30px; padding: 0 0 5px 0; }

.hompemo_page_navi { text-align: center; margin-bottom: 12px; }
.hompemo_page_navi a { display: inline-block; padding: 0.3em 0.5em 0.2em 0.5em; margin: 0 1em; border: 1px solid #aaa;  }
.hompemo_page_navi a:hover { background-color: #ff6666; color: white; }

.enquate_list_title { display: block; width: 100%; height: 60px; }
.enquate_list_title h3 { display: inline-block; float: left; font-size: 1.16em; padding: 15px 0 0 10px; }

ul.enquate_list { margin: 0; padding: 0; width: 100%; }
ul.enquate_list li { width: 100%; display: inline-block; }
.cork_board2 h3 { font-size: 1.16em; padding: 35px 38px 8px 38px; color: #666; line-height: 1.3em; }
.cork_board2 h3.title { font-size: 0.88em; padding-bottom: 5px; line-height: 1.3em; }
.cork_board2 h3.question { padding-top: 0; color: #cc0099; text-indent: -1.5em; margin: 0 0 0 1.5em; }
.cork_board2 h3.answer { padding-top: 0; color: #ee0000; text-indent: -1.5em; margin: 0 0 0 1.5em; background-color: transparent; }
.enquate_list_img { margin: 34px 38px 0 0; display: inline-block; }
.cork_board2 p { font-size: 0.82em; line-height: 1.3em; padding: 0 35px; }
.cork_board2 p.question_select { padding: 0 35px 0 50px; }
.cork_board2 p.reedit { padding: 0 0 0 35px; font-weight: 700; }
.cork_board2 p.delete { padding: 0 35px 0 0; }
ul.question_list { margin-bottom: 20px; }
ul.question_list li { padding: 0; font-size: 0.88em; margin-bottom: 5px; }
ul.question_list li input.omc,
ul.question_list li label.omc,
input.answer { cursor: pointer; }
input.answer:hover { background-color: #666666; }
.answer { background-color: black; color: white; font-weight: 700; }
.enquate_caution { margin-bottom: 20px; }
.enquate_caution h4 { font-size: 1em; line-height: 1.3em; border-bottom: 1px solid #666; display: block; padding: 0.3em; margin: 1em 0.3em 0.3em 0.3em;  }
.enquate_caution p { font-size: 0.82em; line-height: 1.3em; padding: 0 1em; }
.enquate_caution span.url_a,.enquate_caution span.url_b { display: block; padding: 0.5em 1em; margin: 5px 0; font-weight: 700; }
.enquate_caution span.url_a { border: 1px solid #ff9999; background-color: #ffeeee; }
.enquate_caution span.url_b { border: 1px solid #9999ff; background-color: #eeeeff; }
p.error { color: red; font-weight: 700; font-size: 1em; padding: 35px 35px 0 35px; display: block; }
#flashcontent { margin: 0 35px 10px 35px; display: inline-block; }
.question_navi { text-align: center; display: block; margin-bottom: 10px; }
.cork_board2 p.question_navi { padding: 0; }
.question_navi a { display: inline-block; margin: 0 1em; padding: 0.5em 1em; border: 1px solid #ffcccc; background-color: #ffeeee; font-weight: 700; }
ul.answer_list { width: 585px; margin: 10px 35px 0 35px; display: inline-block; }
ul.answer_list li { width: 117px; height: 120px; float: left; display: inline-block; text-align: center; }
ul.answer_list li p { padding: 0; font-size: 0.75em; }
.link_home { margin: 0 3px 0.3em 0; }
.tag { padding: 0; margin: 0; font-size: 0.88em; font-weight: 400; }
.tag h3 { padding: 0; margin: 0; font-size: 1em; }
.user_hompemo { margin-bottom: 10px; padding: 5px; }
.user_hompemo h3 { display: block; font-size: 1.16em; padding: 3px 0 5px 0; }
.user_hompemo p { font-size: 0.75em; }
.user_hompemo p a,
.user_hompemo p span { padding: 0 1em; }
.make_enquate h3.make_navi { font-size: 1em; margin: 0; padding-top: 0; text-indent: 0; color: #990066; }
.make_enquate p { margin-bottom: 3px; }
.make_enquate p span.caution { font-size: 0.88em; line-height: 1.3em; }
input.make_enquate_edit { color: black; background-color: #eee; cursor: pointer; font-weight: 700; padding: 0.1em 0.5em 0.2em 0.5em; border-color: #aaa; }
input.make_enquate_next { color: white; background-color: black; cursor: pointer; font-weight: 700; padding: 0.1em 0.5em 0.2em 0.5em; }
.make_error { font-weight: 700; color: red; font-size: 0.88em; line-height: 1.3em; }