@charset "utf-8";
/*
Theme Name: algae
Theme URI: http://algae-field.jp
Author: web-kyoto
Author URI: http://web-kyoto.info/
Description: 
Version: 1.0

*/

*{margin:0;padding:0;}

html{background:#ffffff;}

ol, ul{list-style:none;}

body{
font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background:#fff url(images/body-background1.png) repeat-x 0 0;
}

a{
color:#5a3826;
text-decoration:none;
}
a:hover{color:#082b7c;text-decoration:none;}
a:active, a:focus {outline: 0;}


/* レイアウト
*****************************************************/
#wrapper-out{
width:100%;
}

#wrapper{
width:1400px;
height:930px;
margin:0 auto;
background:url(images/bg_header1.png) no-repeat 0 0;
}


/* ヘッダー
*****************************************************/
#header{
width:1000px;
margin:0 auto;
border:0px red solid;
}

.header-logo{
float:left;
width:176px;
margin:40px 0 0 20px;
}

.header-item{
float:left;
margin:0 0 0 30px;
}

.header-item img{
margin:0 0 0 5px;
}

.header-contact{
float:right;
}

#header p.recommended{
margin:30px 0 0 60px;
font-size:24px;
}

#header p.recommended a{
color:#fffffe;
}

#header p.recommended a:hover{color:#542602;}
#header p.recommended a:active, a:focus {outline: 0;}

.header-banner{
width:952px;
margin:20px auto;
}


/* メインメニュー
------------------------------------------------------------*/
#mainNav{
width:1000px;
margin:0 auto;
}

#mainNav ul{
width:1000px;
margin:35px 0 0 0;
}

#mainNav ul li{
float:left;
}

#mainNav ul li.menu1{
margin:0 0 0 40px;
}

#mainNav ul li.menu2{
margin:0 0 0 115px;
}

#mainNav ul li.menu3{
margin:0 0 0 120px;
}

#mainNav ul li.menu4{
margin:0 0 0 135px;
}

#mainNav ul li.menu5{
margin:0 0 0 140px;
}

/* スライダー
------------------------------------------------------------*/
#wideslider{
width:1000px;
margin:27px auto 0;
}

/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  #wideslider{
    width:1000px;
    margin:20px auto 0;
  }
}

/* メイン
*****************************************************/
#main{
width:1400px;
height:1099px;
margin:0 auto;
border:0px red solid;
background:url(images/bg_main1.png) no-repeat 0 0;
}

.main-content1 p{
padding:38px 0 0 403px;
font-size:24px;
font-family:'ＭＳ 明朝';
color:#22201d;
}

.main-content1 img{
margin:120px 0 0 593px;
}

.main-content2 p.style1{
padding:80px 0 0 195px;
font-size:48px;
font-weight:bold;
font-family:'ＭＳ 明朝';
color:#22201d;
}

.main-content2 p.style2{
padding:40px 0 0 220px;
font-size:18px;
font-weight:bold;
font-family:'ＭＳ 明朝';
color:#3e3d3d;
}

.main-content2 img{
margin:45px 0 0 510px;
}

.main-content3 p.style1{
padding:80px 0 0 240px;
font-size:36px;
font-weight:bold;
font-family:'ＭＳ 明朝';
color:#a4890f;
}

.main-content3 p.style2{
padding:10px 0 0 240px;
font-size:12px;
font-family:'ＭＳ 明朝';
color:#585858;
}

.main-content3 img{
margin:165px 0 0 965px;
}

/* お知らせー
------------------------------------------------------------*/

.info{
width:1000px;
margin:100px auto 50px;
}

.info img.info1{
margin:0 0 10px 900px;
}

.info img.info2{
width:1000px;
height:14px;
margin:0 0 50px 0 !important;
}

.info ul{
margin:50px 0 0 0;
padding:0;
}

.info ul li{
list-style:none;
margin:30px 0 0 0;
}

.info-date{
float:left;
width:100px;
padding:2px 0 2px 7px;
margin:0 0 0 50px;
font-size:14px;
color:#311301;
letter-spacing:0.1em;
background:#fec75c;
}

.info-title{
float:right;
width:800px;
margin:0 0 0 15px;
padding:2px 0 0 0;
font-size:14px;
color:#311301;
letter-spacing:0.1em;
}




/* フッター
*****************************************************/
#footer-out{
width:100%;
height:420px;
margin:60px auto 0;
padding:47px 0 0 0;
background:url(images/bg_footer1.png) repeat-x 0 0;
}

#footer{
width:1400px;
margin:0 auto;
} 

.footer-contact{
width:1400px;
height:175px;
margin:0 auto;
background:url(images/bg_footer2.png) no-repeat 0 0;
}

.footer-contact p{
padding:40px 0 0 745px;
font-size:48px;
color:#311301;
letter-spacing:0.1em;
}

.footer-contact img{
margin:0 0 0 800px;
}

.footer-products{
margin:35px 0 0 0;
}

.footer-products p{
padding:0 0 0 20px;
font-size:14px;
color:#857c7c;
letter-spacing:0.1em;
}

.footer-products a{
color:#857c7c;
}

.footer-products a:hover{color:#311301;font-weight:bold;}
.footer-products a:active, a:focus {outline: 0;}

.footer-logo{
float:left;
margin:45px 0 0 10px;
}

#footer ul{
float:right;
margin:55px 800px 0 0;
}

#footer ul li{
float:left;
font-size:14px;
letter-spacing:0.1em;
color:#fff;
}

#footer ul li a{
color:#fff;
}

#footer ul li a:hover{color:#fef2bd;font-weight:bold;}
#footer ul li a:active, a:focus {outline: 0;}

.interior-web {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
}