/*  
Theme Name: FleurdeLys
Theme URI: http://milo.peety-passion.com/themes/
Description: Three column fluid theme with header image rotator / header psd included.
Version: 3.17
Author: miloIIIIVII
Author URI: http://milo.peety-passion.com/

Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others mayfind the source for your site and adapt a suitable version for theirown website.
*/
/*全体*/
body{
font: 12px/18px "ヒラギノ丸ゴProW3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MSPゴシック",Arial,Tahoma,sans-serif;
color:#efd44c;
background: #192248 url('images/bg_main.jpg') no-repeat fixed bottom center;
margin:0;
padding:0;
}

p{
padding:0 0 15px;
margin:0;
}

a{
color:#fff;
text-decoration:underline;
}

a:visited{
color:#ccc;
text-decoration:none;
}

a:hover{
color:#CCC;
text-decoration:none;
}

/*タイトル
.row{
background:#192248 url(images/head.) top center no-repeat;
height:50px;
width:100%;
padding:0;margin:0;
}

.row h1, h1 a{
display:block;
height:50px;
width:360px;
text-indent:-9000px;
}*/

/*メニュー*/
#navbar{
margin:0;
padding:0;
text-align:left;
background:#192248 url(images/menu_bg.gif) top left no-repeat;
width:790PX;
height:36px;
}

#navbar li{
display:inline;
list-style-type:none;
margin:10px 0 0 0px;
padding:0;
}

#navbar ul{
margin:0 0 0 55px;
padding:0;


}

#navbar ul li a{
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MSPゴシック",Arial,Tahoma,sans-serif;
font-size:18px;
border-right:1px solid #FFF;
color:#FFF;
padding:0 5px 0 20px;
margin:0;
text-decoration:none;
font-variant:small-caps;
background: transparent;
}

#navbar ul li a:hover{
color:#666;
background:#ccc;
}

.page_item{
font-variant:small-caps;
}
/*サイト紙面*/
#page{
clear:both;
margin:0 auto 20px;
width:800px;
background: #192248; 
padding:0 0 0px 0;

}
/*ヘッダー*/
.header{
background:#192248 url(images/bg_header.jpg) top center no-repeat;
width:100%;
height:200px;
margin:0;
padding:0;
text-align:center;
}

/* テロップ */
.marquee {
     margin: 0px 20px 0 20px;
     font-size: 12px;
     color: #FFF;
     width: 750px;
     border: inset 3px #CCC;      
     background: #074f16;
     
}

#nav {
        /*clear: both;*/
        margin: 10px 5px 10px 5px;
        padding: 0;
        background: transparent;
        height: 36px;
      
}

/*イメージナンバー ・使用しない
.one{
float:left;
width:170px;
background: transparent url(images/01.gif) top left no-repeat;
height:200px;
margin:10px 10px 0 10px;
}

.two{
float:left;
width:170px;
background:#fff url(images/02.gif) top left no-repeat;
height:200px;
margin:10px 10px 0 10px;
}

.three{
float:left;
width:170px;
background:#fff url(images/03.gif) top left no-repeat;
height:200px;
margin:10px 10px 0 10px;
}

.four{
float:left;
width:170px;
background:#fff url(images/04.gif) top left no-repeat;
height:200px;
margin:10px 10px 0 10px;
}

.five{
float:left;
width:170px;
background:#fff url(images/05.gif) top left no-repeat;
height:200px;
margin:10px 10px 0 10px;
}

.six{
float:left;
width:170px;background:#fff url(images/06.gif) top left no-repeat;
height:200px;
margin:10px 10px 0 10px;
}

.seven{
float:left;width:170px;
background:#fff url(images/07.gif) top left no-repeat;
height:200px;
margin:10px 10px 0 10px;
}
イメージナンバー */

/*これよりコンテンツ*/
.col{
float:left;
width:23%;
margin:10px 10px 0 10px;
}

.col2{
float:right;
width:19%;
margin:10px 5px 0 5px;
}

.col3{
float:left;
width:60%;
margin:10px 5px 0 20px;
padding:0;
overflow:hidden;
/*background: transparent url(images/bg-story.jpg) bottom center no-repeat;*/
}

.col4{
float:right;
width:16%;
margin:10px 5px 0 5px;
font:88%/150% "Arial", Tahoma;
}

.profile{
float:left;
width: 95%;
margin: 10px 0px 10px 10px;
padding:20px 20px 30px 0px;
overflow:hidden;
border:4px solid #999;
}

.link{
float:left;
width: 80%;
margin: 10px 0px 10px 55px;
padding: 5px 20px 30px 20px;
overflow:hidden;
border:4px solid #999;
}

.home{
float:left;
width:60%;
margin:10px;
padding:0px;
overflow:hidden;
border:1px solid #999;
/*background: transparent url(images/bg-story.jpg) bottom center no-repeat;*/
}

small{
color:#ccc;
float:right;
}

h2{
color:#eb1968;
margin: 10px 0 5px 5px;
border-bottom:4px double #a3f48d;
letter-spacing:-1px;
font:normal 18px/18px "Arial",Tahoma;
padding-bottom:3px;
font-variant: normal;
}

h2 a, h2 a:visited{
color:#fff;
text-decoration:none;
}

h2 a:hover{
color:#889aab;
background:#333;
text-decoration:none;
}

h3{
font:normal 18px/18px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MSPゴシック",Arial,Tahoma,sans-serif;
color:#FFF;
margin:0 0 0 10px;
padding: 10px;
}

h4{
font:normal 13px/10px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MSPゴシック",Arial,Tahoma,sans-serif;
color:#ccc;margin:10px 0 5px;
}

h5{
font:normal 24px/24px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MSPゴシック",Arial,Tahoma,sans-serif;
color:#ccc;
margin:0 630px 10PX 30px;
padding: 10px;

border:1px solid #ccc;
}

h6{
font:normal 24px/24px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MSPゴシック",Arial,Tahoma,sans-serif;
color:#ccc;
margin:0 90px 10PX 110px;
padding: 10px;

/*border:1px solid #ccc;*/
}


form{
margin:0;
padding:0;
}

acronym,abbr,span.caps{
font-size:10px;
letter-spacing:.07em;
}

blockquote,blockquote cite{
margin:0 5px 0 0;
padding:10px 10px 10px 10px;
background:#ccc;color:
#000; font-size:0.9em;
border-left:8px double #333;
}

blockquote cite{
display:block;
}

.col4 li a,#footer li a,.col4 a{
display:block;
color:#FFF;
}

.col4 li a:hover,#footer li a:hover{
color:#efd44c;
text-decoration:none;
}

/*検索*/
#searchform{
background:transparent;
width:70%;
padding:5px 0 5px 5px;
float:left;
}

#searchform #s{
width:70%;
height:18px;
padding:2px 5px 0 5px;
border:1px solid #333;
background:transparent;
vertical-align:middle;
color:#333;
}

#searchform #searchsubmit{
background:url(images/search.gif) no-repeat;
border:none;
width:28px;
height:18px;
font:bold 12px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MSPゴシック",Arial,Tahoma,sans-serif;
color:#fff;
vertical-align:middle;
cursor:pointer;
}

/*これよりフッター*/
#footer{
clear:both;
background: transparent url(images/bg-story.jpg) top center no-repeat;
border-bottom:4px solid #ccc;
color:#eb1968;
font-size:12px;
font-weight: bold;
line-height:130%;
width:100%;
}

.footer_inside{
width:790px;
margin:0px auto 0 ;
}

#footer a,#footer a:visited{
color:#889aab;
text-decoration:none;
}

.ul-roll{
list-style:none;
margin:0 0 0 15px;
padding:0;
font-size:12px;
line-height:130%;
font-weight:normal;
}

.ul-roll li{
margin:0;
padding:2px 0 4px 20px;
background:url(images/li.gif) no-repeat left center;
}

#footer .ul-roll li a,.ul-roll li a,.ul-roll li a:visited{

font-weight: bold;
color:#FFF;
text-decoration:none;
}

#footer .ul-roll li a:visited a:hover,.ul-roll li a:visited a:hover{
text-decoration:none;
color:#FFF;
}
/*フッターメタ情報*/
#credits{
margin:0px auto;
width:95%;
color:#FFF;
font-size:12px;
line-height:120%;
height:40px;
}

#credits a, #credit a:visited{
color:#FFF;
}

.rss{
background:url(images/rss.gif) no-repeat left center;
padding-left:18px;
padding-bottom:2px;
margin-left:8px;
}

.center{
text-align:center;
}

.alignleft{
float:left;
display:inline;
}
.alignright{
float:right;
display:inline;
}
.clear{
clear:both;
}

hr.clear{
clear:both;
visibility:hidden;
margin:0;
padding:0;
}

/*イメージ一括*/

a img{
border:0;
}

a img:hover{
border:0;

/*opacity:1;*/
}

.ff a img{
border:.08em solid #ccc;
padding:.077em;
filter:alpha(opacity=30); 
-moz-opacity:0.3; 
opacity:0.3; 
-khtml-opacity:0.3;
width:3.5em;
height:3.5em;
margin:0.077em .077em 0;
}

.ff a:hover img{
border:.08em solid #333;
opacity:1;
width:3.5em;
height:3.5em;
}

.col3 img{
/*float:left;*/
border:0;
margin:5px;
padding:0px;
max-width:80%;
}

.home img{
/*float:left;*/
border:0;
margin:10px auto 0 auto;
padding:0px;
max-width:80%;
}

/*クリア情報*/
.clearfix:after{
content:".";
display:block;
height:1%;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
}

/* Hides from IE-mac¥*/
*html .clearfix{
height:1%;
}
.clearfix{
display: block;
}
/* End hide from IE-mac */

/*これよりコメント*/
.post-comments{
background:url(images/com.gif) no-repeat left center;
padding-left:20px;
float:right;
font-size: 12px;
}

#comments,#respond{
border-bottom:3px solid #333;
padding-bottom:5px;
color:#FFF;
}

.commentlist{
margin:10px 0;
padding-left:35px;
line-height:130%;
}

.commentlist li{
padding:5px 10px;
}

.commentlist .alt{
background:transparent;
}

.commentlist cite,.commentlist cite a,.commentlist cite a:visited{
font-weight:bold;
font-style:normal;
font-size:12px;
color:#FFF;
}

.commentlist small{
margin-bottom:5px;
display:block;
font-size:11px;
}

#commentform{
margin-top:10px;
font:11px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MSPゴシック",Arial,Tahoma,sans-serif;
color:#FFF;
}

#commentform p{
padding:6px 0;
margin:0;
}

#commentform label{
color:#ccc;
font-size:87%;
}

#commentform input{
width:80%;
background:#fff;
border:1px solid #333;
padding:3px;margin-top:3px;
}

#commentform textarea{
width:80%;
height:115px;
background:#fff;
border:1px solid #333;
padding: 2px;
margin-top:3px;
color:#333;
}

#commentform #submit{
background:url(images/bg.gif) no-repeat;
font:bold 12px Arial, Helvetica,sans-serif;
color:#fff;
border:none;
float:right;
width:144px;
height:28px;
cursor:pointer;
}

#commentform textarea:focus, #commentform input[type="text"]:focus{
background:#fff;
}

/*これより投稿欄*/
.post{
clear:both;
padding-top:0px;
list-style:square;
/*border: 3px dashed #fff;*/
}

.post-date{
width:45px;
height:49px;
float:left;
}

.post-month{
font-size:14px;
text-transform:uppercase;
color:#ccc;
text-align:center;
display:block;
line-height:11px;
padding-top:2px;margin-left:-3px;
}

.post-day{
font-size:18px;
font-weight:bold;
text-transform:uppercase;
color:#ccc;
text-align:center;
display:block;
line-height:21px;
padding-top:7px;
margin: 10px 0px 0 -3px;
}

.entry{
margin: 0px 0 30px 0;
float:right;
width:85%;
font-size:12px;
border: 1px solid #fff;
padding: 10px;
}

.post-cat{

padding: 0 0 10px 20px;
float:left;
font-size:12px;
color:#fff;
}

.post-comments{
padding: 0 0 10px 20px;
float:right;
font-size:10px;
}

.post-calendar{
background: url(images/cal.gif) no-repeat left center;
padding-left:20px;
float:right;
font-size:10px;
color:#900;
}

.post-content{
clear:both;
padding-top:10px;
}

.navigation a,.navigation a:visited{
color:#ccc;
margin:10px 0 0 10px;
}

/*これよりサイドバー・rightsidebar不使用*/

/*
#right_sidebar{
width: 15%;
float:right;
margin:0 10px 0 20px;
overflow:hidden;
}
*/
 
#left_sidebar{
width: 30%;
float:right;
margin:0 20px 0 10px;
overflow:hidden;
background: #192248 url(images/bg_side.gif) repeat-y top center;

}

#left_sidebar h2,#right_sidebar h2{
letter-spacing:-1.25px;
font-size:2em;
margin:0;
}

#left_sidebar h2,#right_sidebar h2 {
font-size:1.3em;
color:#aaa;
padding:10px 0 0 20px;
border-bottom:1px solid #ddd;
}

#right_sidebar ul,#right_sidebar li,#right_sidebar ul li,#left_sidebar ul,#left_sidebar li,#left_sidebar ul li{
padding:5px 0 0 5px;
margin: 10px 0 0 0;
}

#right_sidebar li li,#left_sidebar li li{
font-size:small;
margin-left:10px;
}

#right_sidebar li li ul li,#left_sidebar li li ul li{
margin-left:0;
background-image:url(images/arrow.png);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
}

#right_sidebar ul,#left_sidebar ul,#middle_sidebar ul{
list-style-type:none;
}

#right_sidebar li,#right_sidebar ul select,#left_sidebar li,#left_sidebar ul select{
margin:0;
padding:0;
}

#right_sidebar a:hover,#left_sidebar a:hover{
text-decoration:none;
}
  
#counter {
      background:                      transparent url('images/counter_bg.gif') no-repeat top center; 
       height: 			        180px; 
       margin:                          0px 0px 0 0px;
       list-style-type:		none;
    
        }

#slide {
       background:                      transparent url('images/slide_bg.jpg') no-repeat top center;
       height: 			         190px; 
       margin:                           0;
       padding:                          50px 0 0 41px; 
       
       list-style-type:		none;
       
        }

#banner {
       background:                      transparent url('images/banner_bg.gif') no-repeat top center;
       height: 			        1000px; 
       margin:                          0px 0px 0 0px;
       padding:                         25px 0 0 73px;
    
        }

#news {
       background:                      transparent url('images/news_bg.jpg') no-repeat top center;
       margin:                          0 0 0 0;
       padding:                         50px 25px 0 30px;
       color:                           #003;
       height:                          200px; 
       position:                        relative; 
       overflow:                        auto; 
       font-size:                       14px;
       
}

#link {
       background:                      transparent url('images/friendship.jpg') no-repeat top center;
       margin:                          0 0 0 0;
       padding:                         50px 25px 0 53px;
       color:                           #003;
       height:                          180px; 
       position:                        relative; 
       overflow:                        auto; 
       font-size:                       14px;
       
}

#coment {
       background:                      #192248 url('images/news_bg.') no-repeat top center;
       margin:                          0 0 0 0;
       padding:                        5px 25px 10px 30px;
       color:                           #fff;
       
       position:                        relative; 
       
       font-size:                       12px;
       
}
