@charset "utf-8";
/*   
Theme Name:結婚相談所
Theme URI:
Description:結婚相談所
Author:
Author URI:
Version:1.0
*/

/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:#d7e8f2 url(img/bg1.gif) repeat-x left top;
       font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
       font-size:12px; color:#666; }
img {  border:none; }
a img { border:none; }
a, a:visited { color:#0066CC; text-decoration:none; outline:none; }
a:hover { color:#f89999; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:190%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; zoom:1; }
ol { margin:0 0 1em 17px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { margin:0; padding:0 0 5px 0; line-height:normal; }
h1,h2,h3,h4,h5,form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
dl { margin:0 0 40px 0; }
dt { margin:0 0 1em 0; }
dd { margin:0 0 1em 15px; }
table { border-collapse:collapse; border:0; margin:0 0 1em 0; font-size:12px; }
td,th { padding:12px 10px 8px; border:1px solid #ccc; }
th { font-weight:normal; background:url(img/stripe3.gif) left top; }
.alignright { float:right; display:inline; margin:0 0 20px 20px; }
.alignleft { float:left }
input,textarea { font-size:100%; }
textarea { overflow:auto; }
.clear { clear:both; }
object { border:1px solid #000; display:block; padding:7px; background:#444; }

#wrapper { background:url(img/bg2.png) left top; }
#container { width:890px; margin:0 auto; background:url(img/sideline.png) repeat-y left top; padding:0 5px; }

/* ---------- ヘッダー -------------------------------------------------------------------------------------------------------------------------- */
#header { position:relative; height:130px; width:890px; background:url(img/header.jpg) repeat-x left top; }
h1#logo a,h1#logo a:visited { position:absolute; left:20px; top:18px; font-size:12px; color:#fff; font-weight:normal; background:url(img/logo.gif) no-repeat left top; width:394px; height:65px; display:block; text-indent:-9999px; }

#header_menu { position:absolute; right:20px; top:0px; margin:0; padding:0; }
#header_menu li { float:left; display:inline; }

#rss { position:absolute; right:50px; top:54px; }
#bookmark { position:absolute; right:150px; top:54px; }
/*ブックマークファイルに関してはページ下*/

#global_menu { position:absolute; left:0px; bottom:0px; margin:0; padding:0; width:890px; height:38px; }
#global_menu li { float:left; display:inline; }

/* ---------- 左コンテンツ ------------------------------------------------------------------------------------------------------------------- */
#left_col { float:left; display:inline; width:639px; padding:20px 0 100px 0; }

.contents { width:615px; margin:0 0 15px 24px; }
.headline { margin:0 0 15px 24px; }

/*パンくずリンク*/
#bread_crumb { padding:20px 20px 0; position:relative; }
#bread_crumb ul { padding:0 0 0 10px; line-height:0%; float:left; width:615px; margin:0 0 0 0; }
#bread_crumb li { display:inline; font-size:11px; line-height:140%; zoom:1; }
#bread_crumb li a { margin:0 10px 0 0; padding:0 20px 0 0; background:url(img/arrow1.gif) no-repeat right top; }
#bread_return { float:right; width:63px; padding:0; position:absolute; top:17px; right:30px; }

/* ---------- トップページ ---------------------------------------------------------------------------------------------------------------------- */
#index_news { background:url(img/index_news.gif) no-repeat left top; width:639px; height:39px; position:relative; margin:0 0 30px 0; }
#index_news p { margin:0; position:absolute; top:10px; left:132px; }

#index_comparison { margin-bottom:30px; }
#index_comparison li { margin:0 0 0 0; }

#index_comparison ul { margin:0; }
#index_comparison ul li { position:relative; width:615px; height:63px; margin:0 0 5px 0; background:url(img/dot2.gif) repeat-x left bottom; padding:0; }
#index_comparison ul li a,#index_comparison ul li a:visited {  display:block; width:615px; height:63px; background:url(img/index_hikaku_arrow.gif) no-repeat right 9px; }
#index_comparison ul li a:hover { background:url(img/index_hikaku_arrow_on.gif) no-repeat right 9px; }
.index_c_img { position:absolute; left:0; top:0; }
#index_comparison span { display:block; position:absolute; left:270px; top:4px; width:280px; padding:0 60px 0 0; font-size:11px; line-height:160%; height:45px; }
#index_comparison a span { }
#index_comparison a:hover span { text-decoration:underline; }

#index_service { }
#index_service ul { float:left; margin:0 0 0 0; width:305px; }
#index_service ul li { margin:0 0 15px 0;  }

#index_reason { width:615px; margin:0 0 40px 24px; }
#index_reason li { display:inline; float:left; width:201px; height:151px; position:relative; }
#index_reason img { position:absolute; right:8px; bottom:10px; }
#index_reason p { position:absolute; left:10px; top:56px; line-height:160%; width:181px; margin:0; font-size:11px; }
#reason1 { background:url(img/index_reason1.gif) no-repeat left top; margin:0 5px 10px 0; }
#reason2 { background:url(img/index_reason2.gif) no-repeat left top; margin:0 5px 10px 0; }
#reason3 { background:url(img/index_reason3.gif) no-repeat left top; margin:0 0 10px 0; }
#reason4 { background:url(img/index_reason4.gif) no-repeat left top; margin:0 5px 0 0; }
#reason5 { background:url(img/index_reason5.gif) no-repeat left top; margin:0 5px 0 0; }
#reason6 { background:url(img/index_reason6.gif) no-repeat left top; margin:0 0 0 0; }

#index_blog_headline { margin:0 0 0 24px; padding:0; line-height:0%; }
#index_blog { background:url(img/index_blog.gif) no-repeat left bottom; margin-bottom:30px; }
#index_blog ul { padding:0 0 5px 0; margin:0; }
#index_blog li { padding:7px 0 5px; background:url(img/dot1.gif) repeat-x left bottom; margin:0 20px; font-size:12px; }
#index_blog li a { padding:0 0 0 20px; background:url(img/arrow2.gif) no-repeat 5px 2px; }
li#index_blog_more { background:none; margin:0 20px 0; text-align:right; }
li#index_blog_more a { background:none; background:url(img/arrow3.gif) no-repeat left top; padding:1px 0 1px 20px; }

#index_about { margin:0 0 30px 24px; }

#prefecture { }
#prefecture li { margin:0 0 7px 0; font-size:11px; }

/* ---------- 比較ページ ------------------------------------------------------------------------------------------------------------------------ */
#c_member .c_list { width:615px; height:233px; background:url(img/c_list_member.gif) no-repeat left top; position:relative; margin:0 0 30px 0; }
#c_introduce .c_list { width:615px; height:233px; background:url(img/c_list_introduce.gif) no-repeat left top; position:relative; margin:0 0 30px 0; }
.c_list h2 { left:42px; top:15px; color:#3dafcc; font-weight:normal; margin:0; padding:0; position:absolute; font-size:14px; }
.c_image { position:absolute; left:35px; top:57px; }
.c_list p { right:25px; top:55px; margin:0; padding:0; position:absolute; width:370px; height:100px; line-height:160%; }
.c_more { position:absolute; top:144px; left:56px; }
.c_list ul { bottom:16px; left:3px; margin:0; padding:0; position:absolute; }
.c_list li { display:inline; float:left; text-align:center; }
.c_member { width:150px; }
.c_introduce { width:153px; }
.c_success { width:153px; }
.c_ratio { width:152px; color:#3eb5d4; }
.c_ratio span { margin:0 0 0 10px; color:#ff9696; }

#c_event .c_list2 { width:615px; height:233px; background:url(img/c_list_event.gif) no-repeat left top; position:relative; margin:0 0 30px 0; }
#c_net .c_list2 { width:615px; height:233px; background:url(img/c_list_net.gif) no-repeat left top; position:relative; margin:0 0 30px 0; }
.c_list2 h2 { left:42px; top:15px; color:#3dafcc; font-weight:normal; margin:0; padding:0; position:absolute; font-size:14px; }
.c_list2 p { right:25px; top:57px; margin:0; padding:0; position:absolute; width:370px; height:100px; line-height:160%; }
.c_list2 ul { top:204px; left:3px; margin:0; padding:0; position:absolute; }
.c_list2 li { display:inline; float:left; text-align:center; }
.c_pre { width:150px; }
.c_price { width:148px; }
.c_net { width:78px; }
.c_event { width:78px; }
.c_int { width:78px; }
.c_mag { width:78px; }

/* ---------- 会社の詳細ページ --------------------------------------------------------------------------------------------------------------- */
#company_info_header { background:url(img/c_single.gif) no-repeat left bottom; width:615px; height:121px; position:relative; }
#company_info_header img { position:absolute; left:38px; top:17px; }
#company_info_header p { right:26px; top:10px; margin:0; padding:0; position:absolute; width:370px; height:100px; line-height:160% }

#company_info { background:url(img/c_bottom.gif) no-repeat left bottom; padding:0 0 9px 0; }
#c_menu { margin:0; padding:0; height:43px; width:615px; }
#c_menu li { display:inline; float:left; }
#c_menu1 a { display:block; width:156px; height:43px; background:url(img/c_menu1.gif) no-repeat left top; }
#c_menu1 a:hover { text-decoration:none; background:url(img/c_menu1_on.gif) no-repeat left top; }
#c_menu1 .switch_active { background:url(img/c_menu1_on.gif) no-repeat left top; }
#c_menu2 a { display:block; width:152px; height:43px; background:url(img/c_menu2.gif) no-repeat left top; }
#c_menu2 a:hover { text-decoration:none; background:url(img/c_menu2_on.gif) no-repeat left top; }
#c_menu2 .switch_active { background:url(img/c_menu2_on.gif) no-repeat left top; }
#c_menu3 a { display:block; width:153px; height:43px; background:url(img/c_menu3.gif) no-repeat left top; }
#c_menu3 a:hover { text-decoration:none; background:url(img/c_menu3_on.gif) no-repeat left top; }
#c_menu3 .switch_active { background:url(img/c_menu3_on.gif) no-repeat left top; }
#c_menu4 a { display:block; width:154px; height:43px; background:url(img/c_menu4.gif) no-repeat left top; }
#c_menu4 a:hover { text-decoration:none; background:url(img/c_menu4_on.gif) no-repeat left top; }
#c_menu4 .switch_active { background:url(img/c_menu4_on.gif) no-repeat left top; }

#c_contents_wrapper { background:url(img/c_side.gif) repeat-y left top; padding:20px 20px 13px; }

/* ---------- サービスの詳細ページ --------------------------------------------------------------------------------------------------------------- */
#service_image { float:left; display:inline; margin:0 20px 10px 0; }
#service h3 { margin:0 0 10px 0; }
#method1 { background:url(img/service_method1.gif) no-repeat left top; padding:5px 0 5px 125px; margin:0 0 7px 0; }
#method2 { background:url(img/service_method2.gif) no-repeat left top; padding:5px 0 5px 125px; }
.service_contents_wrapper { background:url(img/service_top.gif) no-repeat left top; }
.service_contents { background:url(img/service_bottom.gif) no-repeat left bottom; padding:20px 20px 15px; margin:0 0 20px 0; }
.service_contents h3 { color:#3dafcc; font-weight:normal; margin:0 0 0 0; padding:0; font-size:14px; float:left; width:394px; }
.service_contents p { width:394px; margin:15px 0 0 0; float:left; }
.service_contents img { margin:3px 3px 6px 0; padding:0; float:right; height:75px; width:150px;  }

/* ---------- よくある質問と答え --------------------------------------------------------------------------------------------------------------- */
#faq { margin:0 0 40px 10px; }
#faq li { padding:20px 0; border-bottom:1px solid #ddd; margin:0 3px; }
#faq span { display:block; float:left; width:20px; }
#faq a { display:block; float:left; width:560px; }
#faq_single { background:url(img/dot1.gif) repeat-x left bottom; }
#question { font-weight:normal; font-size:12px; line-height:190%; margin:0 0 30px 0; padding:2px 5px 0 60px; background:url(img/q.gif) no-repeat left top; height:44px; }
#answer { line-height:190%; margin:0 0 0 0; padding:0 5px 20px 60px; background:url(img/a.gif) no-repeat left top; }

/* ---------- 用語集 --------------------------------------------------------------------------------------------------------------- */
#terms ul { margin:0 5px 30px; }
#terms li { margin:0 0 1em 0; background:url(img/dot1.gif) repeat-x left bottom; padding:0 0 9px 0; }
#terms li a { display:block; background:url(img/arrow2.gif) no-repeat 17px 4px; padding:0 0 0 30px; }
#terms h3 { font-weight:normal; font-size:12px; }
#terms_single { padding:0 5px 30px; }
#terms_single h3 { margin:0 0 10px 0; font-size:25px; }

/* ---------- お問い合わせ ---------------------------------------------------------------------------------------------------------------------- */
#inquiry { width:610px; }
#inquiry td { border:1px solid #ccc; padding:15px; width:400px; }
#inquiry th { border:1px solid #ccc; padding:15px; background:#f7f7f7; width:150px; }
#inquiry span { display:block; margin:5px 0; }
input.form_name,input.form_companyname,input.form_furigana,input.form_url,input.form_page,input.form_budget,input.form_mail,textarea.form_contents
 { border:1px solid #aaa; padding:4px; width:330px; }

#inquiry td#submit_button { border:none; width:610px; }
#submit_button input { background:#3eb5d4; color:#fff; border:1px solid #3eb5d4; padding:5px 25px 4px; cursor:pointer;}
#submit_button input:hover { background:#ff9696; border:1px solid #ff9696; }

.require { height:18px; width:41px; display:inline; margin:0 10px -4px 0; }

/* ---------- 右サイド -------------------------------------------------------------------------------------------------------------------------- */
#right_col { float:right; display:inline; width:230px; padding:20px 0 100px 0; }
#side_wrapper { width:206px; background:url(img/side_bottom.gif) no-repeat left bottom; padding:0 0 9px 0; margin:0 24px 0 0; }
#side_wrapper h3 { margin:0; padding:0; line-height:0; }
.side_contents { background:url(img/side_sideline.gif) repeat-y left top; padding:0 5px; }

#side_banner { padding:10px 0 10px 10px; }
#side_banner ul { float:left; padding:0 6px 0 0; margin:0; width:90px; }
#side_banner li { background:url(img/side_banner.gif) no-repeat left top; padding:5px 5px 5px 5px; }
#side_banner li a { margin:0 0 0 0; padding:0; }

.side_service_contents { margin:0; }
.side_service_contents li { background:url(img/arrow2.gif) no-repeat 12px 16px; }
.side_service_contents li a,.side_service_contents li a:visited
    { display:block; background:url(img/dot1.gif) repeat-x left bottom; padding:12px 12px 12px 24px; color:#777; zoom:1; }
.side_service_contents li a:hover { color:#3eb5d4; }

#side_reason li { background:none; }
#side_reason li a { text-indent:-24px; padding:12px 12px 12px 40px; line-height:160%; }

#side_faq_contents { margin:0; }
#side_faq_contents li a { display:block; background:url(img/dot1.gif) repeat-x left bottom; padding:12px; color:#777; zoom:1; line-height:160%; }
#side_faq_contents li a:hover { background:#dceff8 url(img/dot1.gif) repeat-x left bottom; text-decoration:none; }
#side_faq_contents li#side_faq_more a { background:url(img/arrow2.gif) no-repeat 80px 18px; text-align:right; }
#side_faq_contents li#side_faq_more a:hover { color:#3eb5d4; text-decoration:underline; }

#side_term { padding:0 5px 10px; }
#side_term a { margin:0 0 0 0; background:url(img/dot1.gif) repeat-x left top; display:block; padding:15px 5px 5px; }

/* ---------- フッター -------------------------------------------------------------------------------------------------------------------------- */
#footer_menu1 { margin:0 0 0 150px; padding:0 0 15px 0; }
#footer_menu1 li { display:inline; margin:0 12px;  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-size:10px; color:#666; }
#footer { width:900px; height:77px; text-align:center; margin:0 auto 0; padding:0 0 50px; background:url(img/footer.png) no-repeat left top; }

/* ---------- 運営会社 --------------------------------------------------------------------------------------------------------------- */
#company table { width:605px; margin:0 0 0 5px; }
#company th { background:#f7f7f7; }
#company li { margin:0 0 10px 0; }
#company li li { margin:0 0 0 10px; }

/* ------------- ブックマーク --------------  */
#bookmark_page p { margin:0; padding:0 0 10px 5px; }
#bookmark_list { padding:0 0 10px 0; }
#bookmark_list li { margin:0 0 12px 0; padding:0 0 2px 30px; }
#bookmark_list li a, #bookmark_list li a:visited { color:#666; }
#bookmark_list li a:hover { color:#3eb5d4; }
#bookmark_list li#b1 { background:url(img/bookmark/b1.gif) no-repeat left top; }
#bookmark_list li#b2 { background:url(img/bookmark/b2.gif) no-repeat left top; }
#bookmark_list li#b3 { background:url(img/bookmark/b3.gif) no-repeat left top; }
#bookmark_list li#b4 { background:url(img/bookmark/b4.gif) no-repeat left top; }
#bookmark_list li#b5 { background:url(img/bookmark/b5.gif) no-repeat left top; }
#bookmark_list li#b6 { background:url(img/bookmark/b6.gif) no-repeat left top; }
#bookmark_list li#b7 { background:url(img/bookmark/b7.gif) no-repeat left top; }
#bookmark_list li#b8 { background:url(img/bookmark/b8.gif) no-repeat left top; }
#bookmark_list li#b9 { background:url(img/bookmark/b9.gif) no-repeat left top; }

/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
ul.page-numbers { padding:15px 0 0 0; background:url(img/page_navi.gif) no-repeat left top; margin:0 18px 50px 7px; height:20px; }
ul.page-numbers li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
ul.page-numbers a, ul.page-numbers a:visited, ul.page-numbers a:hover, ul.page-numbers span.current,
ul.page-numbers span.pages, ul.page-numbers span.extend, ul.page-numbers span.current, ul.page-numbers span.dots
 { color:#777; padding:3px 7px 0 9px; line-height:20px; margin:0 12px 0 0; display:inline; float:left; text-align:center; border:1px solid #bbb; }
ul.page-numbers a:hover { background:#3eb5d4; border:1px solid #3eb5d4; color:#fff; text-decoration:none; }
ul.page-numbers span.current { background:#3eb5d4; border:1px solid #3eb5d4; color:#fff; }

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