/*
Theme Name: d-31n2010
Theme URI: http://www.d-31n.com/
Description: ロゴ,WEBデザインのD-31N.COMデザインスタジオ.
Version: 2.0
Author: D-31N.COM　sawaking
Author URI: http://www.d-31n.com/
*/

a img {
	border-style: none;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}

a:hover {
	color: #FF9900;
	text-decoration: none;
}



body {
	margin: 0;
background-color:#000000;	
	background: url("images/wall.jpg") repeat-x;
	background-color: #FAFAFA;
background-margin:auto;
	padding:0;
                     font-family: sans-serif;
	font-size: 85%;
}




/* コンテナ */
div#container	{
         width: 980px;
         background-color:#cccccc;
	margin: auto;

}

body > #Container{ 
                      height:auto;
}

/* ヘッダー */
div#header01	{
	background: url("images/head01.jpg") ;
	width: 980px;
	height: 123px;
	position: relative;
}






	/* Header - Menu */



	
	div#header-menu {

                     top:30px;
                  left:298px;
		position: absolute;
		width: 647px;
		height: 40px;
		margin: 0;
		padding: 0;
                      
	}
	
	div#header-menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 647px;
		height: 40px;
	}
	
	div#header-menu ul li {
		float: left;
		height: 40px;
		font: normal 14px/40px "Century Gothic", Century Gothic;
                  border-right: solid 1px #000000;
		color: #ffffff;
	}
	
	div#header-menu ul li a {
		color: #ffffff;
	         font-weight: bold;
		text-decoration: none;
		padding: 0 40px;
		display: block;
	}
	
	div#header-menu ul li a:hover {
	         font-weight: bold;
                  color:#FFCC00;
		background: url("images/menu-h.jpg") repeat-x;
	}


	
	/* Header - Search */
	
	div#header-search {
		position: absolute;
		top:2px;
		left: 665px;
		width: 280px;
		height: 22px;
	}
	
	div#header-search #searchform {
		margin: 0;
		padding: 0;
		width: 280px;
		height: 22px;
	}
	
	div#header-search #s {
		width: 190px;
		height: 18px;
		padding: 2px 5px;
		border: 0;
		font: normal 13px "Century Gothic", Century Gothic;
		color: #000000;
		background: transparent;
		float: left;
	}
	
	div#header-search #searchsubmit {
		background: transparent;
		border: none;
		width: 75px;
		height: 27px;
		padding: 0;
		float: right;
	}


	/* Header - Menu02 */

div#menu {
width:870px;
height:40px;
	background: url("images/menu.jpg") ;
}

	div#header-menu02 {
                  position: absolute;
		width: 870px;
		height: 40px;
		margin: 0;
		padding: 0;
                      
	}
	
	div#header-menu02 ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 649px;
		height: 40px;
	}
	
	div#header-menu02 ul li {
		float: left;
		height: 40px;
		font: normal 16px/46px "Century Gothic", Century Gothic;
		color: #ffffff;
	}
	
	div#header-menu02 ul li a {
		color: #ffffff;
	font-weight: bold;
		text-decoration: none;
		padding: 0 29px;
		display: block;
	}
	
	div#header-menu02 ul li a:hover {
	font-weight: bold;
                                           color:#30562C;
		background: url("images/menu-hover.jpg") repeat-x;
	}



	div#header-search02 {
		position: absolute;
		top:10px;
		left: 655px;
		width: 220px;
		height: 22px;
	}
	
	div#header-search02 #searchform {
		margin: 0;
		padding: 0;
		width: 220px;
		height: 22px;
	}
	
	div#header-search02 #s {
		width: 127px;
		height: 18px;
		padding: 2px 5px;
		border: 0;
		font: normal 13px "Century Gothic", Century Gothic;
		color: #000000;
		background: transparent;
		float: left;
	}
	
	div#header-search02 #searchsubmit {
		background: transparent;
		border: none;
		width: 75px;
		height: 30px;
		padding: 0;
		float: right;
	}


/* Header - Feed */
	
	div#header-feed {
		position: absolute;
		top: 20px;
		left: 15px;
		width: 247px;
		height: 75px;
	}

	div#header-homefeed {
		position: absolute;
		top: 2px;
		left: 548px;
		width: 20px;
		height: 20px;
	}


	div#header-sitemapfeed {
		position: absolute;
		top: 2px;
		left: 583px;
		width: 20px;
		height: 20px;
	}


	div#header-contactfeed {
		position: absolute;
		top: 2px;
		left: 618px;
		width: 20px;
		height: 20px;
	}

	div#header-feedhome {
		position: absolute;
		top: 280px;
		left: 770px;
		width: 103px;
		height: 45px;
	}


	div#nowonsale-feed {
		position: absolute;
		top: 175px;
		left: 440px;
		width: 397px;
		height: 185px;
	}






div#top{
background: url("images/top-bg.jpg") repeat-y;
 background-color:#E9E8E6;
width:900px;
position: relative;
color:#666666;

}


div#whats{
float:left;
width:360px;
margin-top:10px;
padding-top:10px;
padding-left:50px;
padding-right:50px;
}


div#whats02{
width:360px;
float:right;
margin-top:10px;
padding-top:10px;
padding-right:50px;
}


div#ban{
background: url("images/top-bg.jpg") repeat-y;
width:800px;
background-color:#E9E8E6;
padding-top:10px;
padding-left:50px;
padding-right:20px;
}



div#info{
	position: absolute;
	width: 450px;
	height: 206px;
	padding-top: 108px;
	padding-left: 450px
}
div#header h1	{
                     font-size: 2.80em;
	margin: 0 20px
}
div#header h1 a	{
                     text-decoration: none;
	color: #000000
}
div#header p	{
                     font-size: 1.00em;
	margin: 8px 20px 0
}


/* Contents */

div#tontent {
	width: 638px;
         height:100%; 
	background: url("images/backcontent.jpg") repeat-x ;
         background-color:#cccccc;
         height:auto;
         padding-left:22px;
         padding-top:10px;
         padding-bottom:50px;
         float:left;

}


div#content {
	width: 638px;
         height:100%; 
	background: url("images/backcontent.jpg") repeat-x ;
         background-color:#cccccc;
         height:auto;
         padding-left:22px;
         padding-top:22px;
         padding-bottom:50px;
         float:left;

}

div#bread {
	width: 400px;
         margin-top:3px;
         float:left;
}


#content h2	{
	background: url("images/h2.jpg") ;
	background-repeat: no-repeat;
	height: 34px;
	font-size: 1.40em;
	padding-left: 52px;
	padding-top:6px;
	margin-top: 0px;
         margin-bottom:0px;
}

div#content h2 a	{
                     text-decoration: none;
	color: #ffffff
}

div#newstitle {
	width: 620px;
         height:34px;
         margin-top:22px;
	position: relative;
	background: url("images/news.jpg") no-repeat ;
}
	div#news-feed {
		position: absolute;
		top: 1px;
		left: 500px;
		width: 120px;
		height: 30px;
	}



div#news {
	width: 620px;
         margin-top:10px;
	position: relative;
}

div#newsbanner {
	width: 180px;
         margin-top:5px;
         float:right;
	position: relative;
}

div#newstext{
                     margin-top:0px;
	width: 420px;
                     padding-left:5px;
	color: #666666;
                      float:left;
	position: relative;
                      padding-top:0px;
                      padding-bottom:10px;
	font-size: 85%;

}

	div.newstext a {
		color: #666666;
		text-decoration: none;
		list-style-type: none;
	}

	div.newstext ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	div#newstext ul li  {
                  padding-left:15px;
		color: #666666;
		text-decoration: none;
		list-style-type: none;
	}

	div#newstext ul li a {
		color: #666666;
		text-decoration: none;
	}
	
	div#newstext ul li a:hover {
                                           color:#272727;
	}


div#topcontents {


	width: 620px;
         margin-top:50px;
	position: relative;
}

div#contentsbanner {
	width: 305px;
         margin-top:22px;
         float:left;
	position: relative;
}

div#contentsbannerr {
	width: 305px;
         margin-top:22px;
         float:right;
	position: relative;
}


/* 記事 */
div.post	{
         witdht:563px;
         margin-top:0px;
         margin-right:17px;
         border-top: 0px solid #000000;
	background-color: #ffffff;
         padding-top:20px;
         padding-left:20px;
         padding-right:20px;
         padding-bottom:5px;

}




div.post h3	{

	background: url("images/h3.jpg") ;
	background-repeat: no-repeat;
	height: 90px;
	font-size: 1.50em;
	padding-left: 32px;
	padding-top:32px;
	margin-top:10px;
	margin-bottom:0px;
}

div.post h3 a	{
         text-decoration: none;
	color: #666666;
}



div.post h4	{

	background: url("images/h4.jpg") ;
	background-repeat: no-repeat;
	height: 50px;
	font-size: 1.20em;
	padding-top: 18px;
	padding-left: 28px;
	color: #ffffff;
	margin-top:0px;
	margin-bottom:0px;
         vertical-align: top;
}

div.post h4 a	{
         text-decoration: none;
	color: #ffffff;
}


div.post h5	{

	background: url("images/h5.jpg") ;
	background-repeat: no-repeat;
	height: 40px;
	font-size: 1.00em;
	padding-top: 15px;
	padding-left: 28px;
	color: #666666;
	margin-bottom: 0px;
         vertical-align: top;
}

div.post h5 a	{
         text-decoration: none;
	color: #666666;
}


div.post p	{
                     font-size: 0.85em;
	color: #666666;
	line-height: 1.6;
	margin-top: 10px
                      }

p.postinfo	{
        
                     color: #2b76cc;
	text-align: right;
	margin-top: 20px;
	clear: both;
         vertical-align: top;
}

p.postinfo a	{
                     color: #2b76cc
}



/* ページナビ */


div.wp-pagenavi {
    margin: 1.5em 30px;
    color: #555;
    font-size: 100%;
    text-align: center;
}
.wp-pagenavi a, .wp-pagenavi a:link {
    padding: 0.5em 1em;
    margin: 0.25em;
    text-decoration: none;
    border: 1px solid #0198ca;
    color: #0198ca;
}
.wp-pagenavi a:visited {
    border: 1px solid #8f9da6;
    color: #8f9da6;
}
.wp-pagenavi a:hover {
    text-decoration: underline;
    border: 1px solid #00b8fd;
    color: #00b8fd;
}
.wp-pagenavi a:active {
    border: 1px solid #00b8fd;
    color: #00b8fd;
}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
    padding: 0.5em 1em;
    margin: 0.25em;
    border: 1px solid #ddd;
}
.wp-pagenavi span.current {
    font-weight: bold;
}




/* 画像回り込み */




img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* ページリンク */
div#pagelink 	{
                     font-size: 1.40em;
	color: #272727;
}

#pagelink a:hover	{
                     font-size: 0.75em;
	color: #ffffff;
}

#pagelink a	{
                     font-size: 0.75em;
	color: #000000
}

span.pageprev	{
                     float: left
}

span.pagenext	{
                     float: right
}

/* コメント	----------------------------------------------------- */

body#commentspopup {
margin: 0 10px;
}
#comments {
width:800px;
background: #e0e0e0;
font-size: 0.75em;
text-align: left;
}
#comments-header {
width:800px;
background: #d7d7d7;
margin: 0 0 20px;
padding: 5px;
padding-top: 0;
}
#comments-header-inner {
padding: 10px;
background: #fff;
border: 1px solid #bbb9b9;
border-top: none;
}
#comments-header h1 {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #cececd;
font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color: #8c8c8c;
text-transform: uppercase;
letter-spacing: -1px;
line-height:1em;
}
#comments-header h1 a:link {
color: #8c8c8c;
}
#comments-header h2 {
padding: 5px 0 0;
font-size: 0.9em;
}
#comments-info {
margin: 20px 0 0;
padding: 10px 0 0;
border-top: 1px solid #cececd;
}
#comments-info p {
font-size: 0.8em;
}
p.comments-meta {
margin: 10px 0 0;
padding: 0 0 5px 80px;
border-bottom: 1px solid #BDA7B0;
font-size: 0.9em;
line-height: 1.2em;
}
div.comment-main {
margin: 20px 0;
padding: 10px;
background: #fff;
border: 1px solid #bbb9b9;
font-size: 0.95em;
}
div.comment-main.authorcomment {
background: #E8D9E1;
}
div.comment-meta {
margin: 0 0 0 45px;
font-size: 0.9em;
line-height: 1.2em;
}
div.gravatar {
float: left;
}
span.comment-meta-author {
display: block;
margin: 0 0 3px;
padding: 0 0 3px;
border-bottom: 1px solid #cececd;
font-weight: bold;
text-transform: uppercase;
}
div.comment-body {
margin: 10px 0 0;
}
#comment-form {
background: #d7d7d7;
margin: 20px 0;
padding: 5px;
}
#comment-form-inner {
padding: 10px;
background: #fff;
border: 1px solid #bbb9b9;
}
#comment-form h2 {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #cececd;
font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color: #8c8c8c;
text-transform: uppercase;
letter-spacing: -1px;
line-height:1em;
}
#comments-form label {
display: block;
font-size: 0.85em;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#comments-form label em {
font-style: normal;
text-transform: none;
letter-spacing: normal;
}
#author, 
#email,
#url,
#comment {
width: 95%;
margin: 0 0 10px;
padding: 4px;
background: #f7f7f7;
border: 1px solid #e0e0e0;
font: 0.9em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
#comment-submit {
padding: 5px 10px;
background: #888;
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #d5d5d5;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}
div.comment-form-info {
margin: 10px 0 10px;
border-bottom: 1px solid #cececd;
font-size: 0.9em;
color: #666;
line-height: 1.4em;
}
div.comment-form-info p {
margin: 5px 0;
}
p.trackback {
overflow: hidden;
}



/* サイドバー */
	
#sidebar {
	background: url("images/backcontent.jpg") repeat-x ;
         background-color:#cccccc;
	float: right;
	width: 288px;
         padding-top:22px;
         padding-left:10px;
         padding-right:22px;
         padding-bottom:50px;
	font: normal 14px/18px "Century Gothic", Century Gothic;
	color: #000000;
         height:100%; 
         height:auto; 
	}



#sidebar a {
	color: #000000;
	text-decoration: none;
	}
	
#sidebar a:hover {
	text-decoration: underline;
	}
	
#sidebar .sidebar-box {
	width: 288px;
	background: url("images/sidemenu.jpg") no-repeat;
         background-color:#0C0C0C;
         border-bottom: solid 1px #212020;
	}

#sidebar .sidebanner {
	width: 288px;
         margin-bottom:16px;
	}
	
/* Sidebar - Titles */
		
#sidebar h3 {
	font: normal 14px/35px "Century Gothic", Century Gothic;
	font-weight: bold;
	color: #ffffff;
	width: 288px;
	height: 35px;
	padding-top:  5px;
	padding-left:  42px;
         background-image: url(images/sideh2.jpg);
	background-repeat: no-repeat;
         line-height : 26px;
	margin-bottom: 0px;
         vertical-align: top;
		}
		
/* Sidebar - Menus */
		
#sidebar ul {
	margin-top: 0px;
	list-style-type: none;
		}
		
#sidebar ul li {
	margin-top: 0px;
         width:288px;
         height:27px;
	padding-left: 40px;
	padding-top: 3px;
	background: url("images/sidemenu.jpg") no-repeat;
	font: normal 12px/30px "Century Gothic", Century Gothic;
	color: #ffffff;
		}
#sidebar ul li:hover {
	background: url("images/sidemenuh.jpg") no-repeat;
	margin-top: 0px;
         width:288px;
         height:27px;
	padding-left: 40px;
	padding-top: 3px;
	font: normal 12px/30px "Century Gothic", Century Gothic;
	color: #ffffff;
		}


		
#sidebar ul li a {
	color: #ffffff;
	text-decoration: none;
		}
		
#sidebar ul li a:hover {
	padding-top: 3px;
	text-decoration: none;

		}
		
#sidebar ul li ul {
	padding-left: 20px;
		}

div#hatena {
         width:500px;
}
		
/* Sidebar - Forms */
		
#sidebar #searchform {
	margin: 0;
	padding: 10px 0;
	width: 190px;
	text-align: center;
		}
		
		#sidebar #searchform #s {
			width: 170px;
		}
		
		/* Sidebar - Tables */
		
		#sidebar #calendar_wrap {
			margin: 0 auto;
			padding-top: 5px;
			width: 116px;
		}
		
		#sidebar #calendar_wrap caption {
			font-weight: bold;
		}
		
		#sidebar #calendar_wrap tbody {
			text-align: right;
		}
		
		#sidebar #calendar_wrap tfoot #next {
			text-align: right;
		}
		
		#sidebar #calendar_wrap #today {
			font-weight: bold;
		}
		
		/* Sidebar - Texts */
		
		#sidebar .textwidget {
			padding: 0 5px;
		}
		
		/* Sidebar - Ads */
		
		#sidebar .sidebar-ads {
			padding: 10px 0 0 15px;
		}
		
		#sidebar .sidebar-ads-in {
			float: left;
			padding: 0 14px 14px 0;
		}


/* フィード */
p.feed	{f
                     ont-size: 0.75em;
	font-family: Verdana, Helvetica, sans-serif;
	padding: 25px;
	margin: 25px 0
}

p.feed a	{
                     color: #444444;
	text-decoration: none
}

p.feed img	{
                     vertical-align: middle;
	margin-right: 8px
}







/* フッター */
div#footer	{
         padding-left:22px;
         padding-right:22px;
         padding-top:50px;
	background: url("images/footer.jpg") no-repeat ;
	width: 936px;
	margin: 0 auto;
         border-top: solid 3px #000000;
	clear: both;
          background-color:#020202;
         color:#fffffff
}

	#footer a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}



div#footlink	{
         	width: 936px;
                     font-size: 0.75em;
	color: #ffffff;

}

	#footlink a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#footlink a:hover {
		text-decoration: underline;
		color: #ffffff;
	}



#footer h3 {
	font: normal 14px/35px "Century Gothic", Century Gothic;
	font-weight: bold;
	color: #ffffff;
	width: 288px;
	height: 35px;
	padding-top:  5px;
	padding-left:  42px;
         background-image: url(images/sideh2.jpg);
	background-repeat: no-repeat;
         line-height : 26px;
	margin-bottom: 0px;
         vertical-align: top;
		}





address	{
                     font-size: 0.75em;
                     color:#ffffff;
	font-style: normal;
	font-family: Verdana, sans-serif;
	margin: 0 auto;
	padding-top: 6px;
;
                     padding-bottom:20px
}

address a	{
                      color: #ffffff

}




#slider {
width: 620px; /* important to be same as image width */
height: 265px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margint-top:0px;
}

#sliderContent {
width: 620px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 10;
}

.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
padding: 10px 13px;
width: 620px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {clear: both;}
.top {top: 0;left: 0;}
.bottom {  
       bottom: 0;  
       left: 0;  
 }  

ul { 
padding-left:0px;
list-style-type: none;}
/* End captions & aligment */