@charset "UTF-8";

*{
margin:0px;
padding:0px;
} 

body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:80%;
color:#333333;
text-align:center;
background:url(http://www.veilout.com/img/body-bg.gif) repeat-x;
}

img{border:none;}
li{list-style-type:none;}

p{
margin:5px 10px 8px 10px;
line-height:135%;}

a{color:#0066CC;text-decoration:none;}
a:hover{color:#BC3A3A;text-decoration:underline;}
a:visit{color:#0066CC;}

blockquote{
background-color:#F8FAFD;
border:1px solid #E0E7FF;
margin:10px 30px;
padding:10px;
}


/*コンテナ
------------------------------------------------------------------*/
#container{
background-color:#FFFFFF;
width:900px;
margin:auto;
background:url(http://www.veilout.com/img/bg.gif) repeat-y;
padding-top:2px;
text-align:left;
}

/*ヘッダー
------------------------------------------------------------------*/
#header{
clear:both;
padding:10px 0px 0px 20px;
height:80px;
background:url(http://www.veilout.com/img/header.gif) no-repeat;
margin-left:3px;
}


#header h1{
font-size:12px;
font-weight:normal;
color:#333333;
background-color:#FFFFFF;
text-align:right;
}

#header a{
color:#000000;
font-size:20px;
font-weight:bold;
}

/*ヘッダーナビ
------------------------------------------------------------------*/

#headernavi ul{
margin:2px 0px 0px 3px;
text-align:center;
line-height:2.5;
}


#headernavi li{
float:left;
background:url(http://www.veilout.com/img/hnavi.gif) repeat-x;
border:1px solid #888888;
border-left:none;
}

#headernavi li.two{
float:left;
background:url(http://www.veilout.com/img/hnavi.gif) repeat-x;
border:1px solid #888888;
}

#headernavi a{
font-size:14px;
text-decoration:none;
display:block;
width:148px;
height:35px;
}

#headernavi a:hover{
font-size:14px;
background:#F5F5F5;
color:#333333;
text-decoration:underline;
}



/*TOP画像
------------------------------------------------------------------*/
#top{
clear:both;
padding-left:5px;
}

.topimg{
margin:3px 5px;
}


/*パンくずナビ
------------------------------------------------------------------*/

#navi{
padding-left:10px;
margin-bottom:3px;
}

/*メインページ
------------------------------------------------------------------*/
#main{
float:right;
width:660px;
margin:10px 10px 30px 0px;
}

#main h1{
color:#333333;
background:url(http://www.veilout.com/img/h1.gif) no-repeat center left;
padding:10px 25px;
font-size:16px;
margin-bottom:10px;
}

#main h2,h3,h4,h5{
color:#333333;
background:url(http://www.veilout.com/img/h2.gif) no-repeat center left;
padding:10px 25px;
font-size:16px;
margin:10px 0px;
}

.waku{
float:left;
width:190px;
padding:10px;
margin:0px 5px 0px 5px;
}


img.sample{float:left;
margin:0px 10px 10px 0px;
border:1px solid #DDDDDD;
}




#main img{
border:1px solid #DDDDDD;
}

#main a:hover img{
border:1px solid #0066CC;
}

.link{
display:block;
padding:2px 0px 2px 5px;
border:1px solid #999999;
background-color:#F0F0F3;
margin-left:160px;
margin-right:10px;
color:#2F589C
}

a:hover.link{
background-color:#EEF4FB;
color:#00ADFC
}



.clear{clear:both;}

h3.cat{
background:#FBFCFE;
border:1px solid #333333;
color:#2F589C;
}



.bol{font-weight:bold;}

.bod{border:1px solid 333333}

.aka{
color:#FF0F0E;
font-weight:bold;
}

#main .new{
background-color:#F8FAFD;
border:1px solid #E0E7FF;
margin:10px 15px;
padding:10px;
}

/*サブページ
------------------------------------------------------------------*/
#sub{
float:left;
width:210px;
margin:10px 0px 30px 10px;
font-size:14px;
}

#sub .subbox{
margin-bottom:20px;
}

#sub h3{
background:url(http://www.veilout.com/img/sub-header.gif) no-repeat center left;
font-weight:normal;
font-size:15px;
color:#333333;
margin:0;
}

.subtitle p {
padding:5px;
margin-left:10px;
color:#666666;
font-size:95%;
}

#sub ul{margin:5px 0px;line-height:2.4;
}

#sub a{
color:#666666;
display:block;
width:200px;
height:30px;
background:url(http://www.veilout.com/img/sub-sel.gif) no-repeat center left;
margin-bottom:5px;
text-indent:7px;
}

#sub a:hover{
color:#333333;
display:block;
background:url(http://www.veilout.com/img/sub-sel2.gif) no-repeat center left;
margin-bottom:5px;
text-indent:7px;
}


/*フッター
------------------------------------------------------------------*/

#footermenu{
clear:both;
border-top:1px solid #E5E5E5;
padding:5px;
margin:5px;
}

#footermenu li{
display:inline;
padding-left:15px;
}




#footer{
clear:both;
color:#FFFFFF;
background:url(http://www.veilout.com/img/footer-bg.gif);
font-size:11px;
padding:5px 0px;
text-align:center;
}

#footer a{
color:#990000;
text-decoration:none;
}

/*clearfix
------------------------------------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */