@charset "utf-8";
/*
Theme Name: 壽セレクション-パソコン
Theme URI: http://kotobuki-selection.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%;
background:url(images/bg_header1.png) repeat-x 0 0;
}

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

.header-logo{
float:left;
width:838px;
}

.header-logo img{
margin:43px 0 0 415px;
}

.header-contact{
float:right;
width:162px;
}

.header-contact img{
margin:28px 31px 0 0;
}

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

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

#mainNav ul li{
float:left;
margin:0 15px 0 0;
}

/* スライダー
------------------------------------------------------------*/
.top-photo{
width:1000px;
height:392px;
margin:93px auto 0;
background:url(images/top-photo.png) no-repeat 0 0;
}

.top-photo img{
margin:300px 0 0 647px;
}

/* メイン
*****************************************************/
#main{
width:1000px;
margin:60px auto;
border:0px red solid;
}

.main-content1{
margin:0 0 0 0;
}

.main-content1 p{
padding:0 65px;
font-size:14px;
line-height:24px;
letter-spacing:0.1em;
}

.main-content2{
float:left;
width:500px;
margin:40px 0 0 0;
}

.main-content3{
float:right;
width:500px;
padding:0 0 28px 0;
height:668px;
margin:40px 0 0 0;
background:#e4e0e0;
}

.main-content3 img{
width:185px;
margin:18px 0 0 156px;
}

.main-content3 p{
padding:0 0 0 365px;
font-size:16px;
letter-spacing:0.1em;
text-decoration:underline;
}

.main-content3 p a{
color:#181818;
}

.main-content3 p a:hover{color:#740101;}
.info-title a:active, a:focus {outline: 0;}


.main-info{
width:450px;
padding:32px 0 0 0;
height:510px;
margin:24px auto;
background:#fff;
}

.main-info ul li{
width:450px;
margin:0 0 9px 0;
}

.info-date{
float:left;
width:110px;
margin:0 0 0 10px;
padding:7px 6px 4px 6px;
font-size:16px;
letter-spacing:0.1em;
color:#181818;
background:#bcae8d;
}

.info-title{
float:right;
width:290px;
margin:0 10px 0 0;
padding:7px 0 4px 0;
font-size:16px;
letter-spacing:0.1em;
}

.info-title a{
color:#181818;
}

.info-title a:hover{color:#bcae8d;}
.info-title a:active, a:focus {outline: 0;}


/* フッター
*****************************************************/
#footer-out{
width:100%;
height:154px;
margin:80px 0 0 0;
border:0px blue solid;
background:url(images/bg_footer1.png) repeat-x 0 0;
}

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

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

.bread{
float:left;
margin:25px 0 0 43px;
}

.footer-menu{
margin:22px 0 0 0;
}

.footer-menu p{
font-size:14px;
letter-spacing:0.1em;
color:#000;
text-align:center;
}

.footer-menu p a{
color:#000;
}

.footer-menu p a:hover{color:#ba3939;}
.footer-menu p a:active, a:focus {outline: 0;}

#top-link
{text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
}