@charset "UTF-8";

* { margin: 0; padding: 0; list-style:none;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:100%;}
a { color:#ba1937; text-decoration:none;}
a:hover { color:#e60033; text-decoration:underline;}

body { position:relative; color:#583822; background:#fff9e3; font-size:85%; letter-spacing:0.1em;
 font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

#backhome { display:none;}


/*　ヘッダー　-------------------------------*/
header { position:relative; z-index:50; height:170px;
 border-top: ridge 3px #b8860b; border-bottom: ridge 3px #b8860b;
 background: #fff1c8;}
#header-page { position:relative; width:900px; height:170px; margin:0 auto;}
header h1 { position:absolute; top:40px; left:290px;}
header h1 a { display:block; width:287px; height:48px; text-indent:-9999px; overflow:hidden;
 background: url(../img/main_title.png) no-repeat;}
.search-box { position:absolute; top:10px; right:0;}
#header_sub { display:none;}
#header_tel { position:absolute; bottom:8px; right:0; display:block; width:322px; height:55px;
 text-indent:-9999px; overflow:hidden; background: url(../img/header_tel_add02.png) no-repeat;}
#header_add { display:none;}


/*　本体　----------------------------------*/
#Wrap { position:relative; width:900px; margin:0 auto 30px;
 border-radius: 0 0 8px 8px ; background: #fff;
-webkit-box-shadow: 0px 0px 8px 0px rgba(88,56,34,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(88,56,34,0.75);
box-shadow: 0px 0px 8px 0px rgba(88,56,34,0.75);}


/*　ひだりパート　----------------------------　*/
#leftbox { position:absolute; top:-176px; left:30px; width:210px; z-index:100;}
#sidebox { padding:0 0 10px 0; border-radius:0 0 8px 8px;
 background:#fff;
-webkit-box-shadow: 0px 0px 8px 0px rgba(88,56,34,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(88,56,34,0.75);
box-shadow: 0px 0px 8px 0px rgba(88,56,34,0.75);}
#nav_logo img { width:129px; height:100px; margin:20px 0 0 40px;}
#sidebox ul { width:190px; margin:40px 0 0 10px;}
#sidebox li { text-align:center; border-top: solid 1px #dbd0e6;}
#sidebox li:first-child { border-top:none;}
#sidebox li:last-child { border-top:none;}
#sidebox li a { display:block; width:100%; height:50px; color:#583822;
 line-height:50px; margin:10px 0;
 background-image: url(../img/menu.png);
 text-indent:-9999px; overflow:hidden;}
#sidebox li a:hover { color:#e60033; text-decoration:none;
 background-image: url(../img/menu.png);
 text-indent:-9999px; overflow:hidden;}
#sidebox .menu02 a { font-size:70%;}
#Alfa .menu08 a { display:none;} /* Alfaじゃないと消えない */
.logo_02 { border:none;}
#nav-input { display:none;} /* ハンバーガーメニュー用 */
#dream_bunner { display:block; width:200px; height:197px;
 text-indent:-9999px; overflow:hidden; margin:20px auto 0;
 background: url(../img/sidebana_dream2017.png) no-repeat;}
#dream_bunner:hover { opacity:0.4; transition:opacity 0.3s ease-in-out;}
#widget_box ul { margin:10px 0 0 0; line-height:1.6;}
#widget_box li a { font-size:75%; color:#025fa9;}
#widget_box li a:before { content:url(../img/f.gif); margin:0 0.5em 0 1em;
 position:relative; top:5px; left:0;}
#datedvbanner { display:block; width:200px; height:0; padding-top:110px;
 overflow:hidden; margin:15px auto 0;
 background: url(../img/datedv.png) no-repeat;}
#datedvbanner:hover { opacity:0.4; transition:opacity 0.3s ease-in-out;}

.menu01 a { background-position: -10px 5px;}
.menu02 a { background-position: -10px -66px;}
.menu03 a { background-position: -10px -137px;}
.menu04 a { background-position: -10px -208px;}
.menu05 a { background-position: -10px -279px;}
.menu06 a { background-position: -10px -350px;}
.menu07 a { background-position: -10px -421px;}
.menu01 a:hover { background-position: 200px 5px;}
.menu02 a:hover { background-position: 200px -66px;}
.menu03 a:hover { background-position: 200px -137px;}
.menu04 a:hover { background-position: 200px -208px;}
.menu05 a:hover { background-position: 200px -279px;}
.menu06 a:hover { background-position: 200px -350px;}
.menu07 a:hover { background-position: 200px -421px;}

.menu04 { display: none;}

/*　現在ページのナビ　-----------------------------
#Home #Alfa .menu01 a { border:solid 1px pink; border-radius:3px;}
#About #Alfa .menu02 a { border:solid 1px pink; border-radius:3px;}
#Sien #Alfa .menu03 a { border:solid 1px pink; border-radius:3px;}
#Katudou #Alfa .menu04 a { border:solid 1px pink; border-radius:3px;}
#Nuukai #Alfa .menu05 a { border:solid 1px pink; border-radius:3px;}
#Links #Alfa .menu06 a { border:solid 1px pink; border-radius:3px;}
#Contact #Alfa .menu07 a { border:solid 1px pink; border-radius:3px;}
*/


/*　コンテンツ　--------------------------------*/
#contents { margin:0 0 0 290px; padding:20px 20px 60px 0; min-height:800px;}


/*　パンクズ　---------------------------------*/
#Navigation { font-size:70%; text-align:right;}


/*　コンテンツ共通　----------------------------*/
#contents p { line-height:1.7; margin:20px 25px 0 20px;}
#contents h2 { display:block; width:550px; height:3em; line-height:3em; margin:2em 0 0 0; padding-left:20px;
 background:#ffffff; border: solid 1px #6f4b3e; border-radius:4px;
 box-shadow: 0 0 20px #efeeee; /*CSS3*/
 -moz-box-shadow: 0 0 20px #cfcccc; /* Firefox用*/
 -webkit-box-shadow: 0 0 20px #cfccc; /* Google Chrome, Safari用*/}
#contents h3 { color:#ba2636; margin:30px 0 0 20px;}
#contents h3 span { font-size:80%;}
.to-top { font-size:70%; text-align:right; padding-top:20px;}
.to-top a { vertical-align:middle;}
.to-top img { border:none; vertical-align:middle;}
.contents-head { display:block;}
article { padding-bottom:2em;}



/*　お問い合わせフォームのバナー　----------------*/
#con_bunner { margin:50px 0 30px;}
#con_bunner a { display:block; width:300px; height:80px; line-height:80px;
 text-align:center; margin:0 auto; color:#fff;
 border-radius:5px; background:#aa4c8f;}
#con_bunner a:hover { text-decoration:none; background:#cc7eb1;}



/*　トップページ　-----------------------*/
#fade { width:552px; height:302px; overflow:hidden;}
#fade img { border: solid 1px #6f4b3e; border-radius:3px;}
#index .post-list { margin:15px 25px 0 20px;}
#index .post-list li { position:relative; height:3em; line-height:3em; border-top: solid 1px #eee;}
#index .post-list li:first-child { border-top:none;}
#index .post-list li a { position:absolute; top:0; left:10.5em;}
#botai { padding:1.5em 0 2em 20px;}
#botai dt { font-weight: bold;}
#botai dd { padding-bottom:0.5em;}
#botai dd span { font-size:small; letter-spacing:0;}



/*　国際ソロプチミスト倉敷について　-------------------*/
.kaiin_pho { width:550px; height:290px; margin:20px auto 10px; border: solid 1px ;}
.rijikai_pho { width:550px; height:auto; margin:20px auto 10px; border: solid 1px ;}
#about #contents ol { margin:15px 28px 0 20px; padding:18px 10px 15px 40px;
 line-height:1.9; background:#f4f1f8; border-radius:3px;}
#about #contents ol li { list-style:decimal;}
.sosikizu { margin:20px auto;}
#rijikai table { line-height:2.0; width:100%; border-collapse: collapse;}
#rijikai th { font-weight:normal; text-align:right; padding:5px 1em 0 1em;}
#rijikai td { letter-spacing:0.5em; padding:5px 1em 0 2em;}
#a_t_h01 { letter-spacing:0.5em;}
#a_t_h02 { letter-spacing:0.5em;}
#a_t_h03 { font-size:80%;}
#a_t_h04 { font-size:80%;}
#a_t_h05 {}
#a_t_h06 { font-size:85%;}
#a_t_h07 { letter-spacing:2em;}
#a_t_h08 { letter-spacing:2em;}
#about .section dl { margin:20px 0 0 30px; line-height:1.6;}
#about .section dt { float:left;}
#about .section dd { margin:0 0 0 100px; padding:0 0 10px 0;}
#housi h5 { font-weight:bold; margin:1.5em 0 0 20px;}
#housi ul { line-height:1.8; margin:1em 0 0 40px;}
#housi li {}
#rekidai table { line-height:2.0; margin:20px 0 0 20px; border-collapse: collapse;}
#rekidai td { letter-spacing:0.3em;}
.dai { font-weight:normal; text-align:left; padding:5px 5px 0 5px;}
.tyuuigaki { font-size:75%; text-align:right;}
.name { padding:5px 0 0 5px;}
.aida { width:50px;}
.dai , .tyuuigaki , .name { border-bottom: solid 1px #f6eee8;}
.ap3 { text-align:center;}
.ap3:first-line { font-weight:bold;}



/*　表彰支援プロジェクト　----------------------*/
.projects { margin:30px 28px 0 20px; padding:15px 10px 15px 20px;
 background:#f4f1f8; border-radius:3px;}
.projects li { padding-left:2em; padding-bottom:5px;}
.projects li:before { content:"●";}
.projects li:first-child { padding-left:0; padding-bottom:10px;}
.projects li:first-child:before { content:"";}
.projects li span { padding-left:1em;}
.projects li h5 { display:inline; font-weight:bold;}
.projects li h5 br { display:none;}
#sien_date { margin:30px 0 0 20px; line-height:1.8;}
#sien_date li:first-child { font-weight:bold; padding-bottom:5px;}



/*　活動報告　-------------------------------*/
#katudou .post-list { margin:15px 25px 0 20px;}
#katudou .post-list li { position:relative; height:3em; line-height:3em; border-top: solid 1px #eee;}
#katudou .post-list li:first-child { border-top:none;}
#katudou .post-list li a { position:absolute; top:0; left:10.5em;}



/*　入会のご案内　----------------------------*/
#nyuukai #sikaku ul { margin:20px 0 0 40px; line-height:1.6;}
#nyuukai #sikaku li { list-style:square; padding:0 30px 10px 0;}
#nyuukai .section dl { margin:20px 0 0 30px; line-height:1.6;}
#nyuukai .section dt { float:left;}
#nyuukai .section dd { margin:0 0 0 100px; padding:0 0 10px 0;}
#nyuukai_date { margin:30px 0 0 20px; line-height:1.8;}
#nyuukai_date li:first-child { font-weight:bold; padding-bottom:5px;}



/*　リンク　----------------------------------*/
#links #contents ul { margin:40px 0 0 20px;}
#links #contents li { text-indent:-3em; padding:0 0 20px 3em;}
#links #contents li:before { content:"●";}
#links #contents li span { font-size:90%; color:#999;}



/*　ブログ　-----------------------------------*/
.post { margin:20px 20px 0 0;}
.post img { border:none;}
#post-detail { line-height:1.7; margin:10px 0 0 20px;}
.post .meta { width:550px; text-align:right; padding:20px 0;}
#BlogComment { margin:20px 0 0 40px;}
#BlogComment h4 { font-size:80%; font-weight:bold;}
#BlogCommentList { margin:10px 0 50px 20px;}
.comment { margin:20px 0 15px 0;}
.comment-message { display:block; line-height:1.7; margin:10px 0 0 0;}
#BlogCommentAddForm { margin:20px 0 0 20px;}
#BlogCommentAddForm th { font-size:80%; padding:0 15px 15px 0;}
#BlogCommentAddForm td { padding:0 0 15px 0;}
.auth-captcha { font-size:80%;}
#BlogCommentAddButton { padding:5px 10px;}
#contentsNavi { font-size:80%; padding:20px 30px;}



/*　お問い合わせ　-----------------------------*/
#contact textarea { min-height:200px;}



/*　プライバシー・ポリシー　----------------------*/
#privacy .section ol { margin:20px 0 0 40px;}
#privacy .section ol li { list-style:decimal; padding-bottom:10px;}
#privacy .section ol li:first-line { font-weight:bold; line-height:2.0;}



/*　デートDV　----------------------*/
#datedv iframe { width:500px;}



/*　フッター　---------------------------------*/
footer { width:900px; padding:20px 0; margin:20px auto; border-radius:8px; background: #fff1c8;
-webkit-box-shadow: 0px 0px 8px 0px rgba(88,56,34,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(88,56,34,0.75);
box-shadow: 0px 0px 8px 0px rgba(88,56,34,0.75);}
#footer_nav { display:block; margin:30px 0 0 30px;}
#footer_nav li { float:left; font-size:80%; padding:0 0.5em; border-left: solid 1px plum;}
#footer_nav li:first-child { border-left:none;}
#footer_date { display:block; font-size:80%; text-align:center; margin-top:30px;}
#footer_date li:first-child { font-weight:bold; padding-bottom:5px;}
#copyright { clear:both; font-size:70%; text-align:center; padding:30px 0 20px;}



/*　共通　-----------------------------------*/
.display-none { display:none;}



/*　画像　-----------------------------------*/
body { background: url(../img/back04.jpg) ;}
header { background: url(../img/back03.jpg) ;}
footer { background: url(../img/back03.jpg) ;}