/*
Theme Name: yazawa-web site
Theme URI: http://www.yazawainc.com/
Description: バイクパーツ輸出入、卸販売業.
Version: 1.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: #666666;
	text-decoration: none;
}




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












body {
	margin: 0;
background-color:#000000;	
background-margin:auto;
	padding:0;
                     font-family: sans-serif;
	font-size: 75%;
}




/* コンテナ */
div#container	{
        width: 950px;
	margin: auto;
background-color:#ffffff;	
}


/* ヘッダー */
div#header{
	background: url("images/header.jpg") ;
        border-bottom: solid 2px #919190;
	width: 950px;
	height: 160px;
}

div#header-catch{
                     margin-top:10px;
                     padding-left:100px;
	position: absolute;
                     width:250px;
                     height:10px;
        }  


	
div#header-navi{
		font: normal 10px "Century Gothic", Century Gothic;
      float: right;
       padding-top:10px;
       width:150px;
       height:50px;
       }




	/* Header - Menu */

	
	div#header-menu {
		position: absolute;
                     top:130px;

		width: 670px;
		height: 30px;
		margin-top: 0;
		padding: 0;
float:right;
                      
	}
	
	div#header-menu ul {
float:right;
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 670px;
		height: 30px;
		background: url("images/menu-ul.jpg") repeat-x;
	}
	
	div#header-menu ul li {
		float: left;
		height: 30px;
		font: normal 15px/30px "Century Gothic", Century Gothic;
		color: #000000;
                     border-right: solid 1px #666666;
	}
	
	div#header-menu ul li a {
		color: #000000;

	font-weight: bold;
		text-decoration: none;
		padding: 0 30px;
		display: block;
	}
	
	div#header-menu ul li a:hover {

	font-weight: bold;
                                           color:#ffffff;
		background: url("images/menu-ul-h.jpg") repeat-x;
	}





	/* Header - Search */
	
	div#header-search {
		position: absolute;
		top:135px;
		left: 740px;
		width: 245px;
		height: 22px;
	}
	
	div#header-search #searchform {
		margin: 0;
		padding: 0;
		width: 245px;
		height: 22px;
	}
	
	div#header-search #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-search #searchsubmit {
		background: transparent;
		border: none;
		width: 75px;
		height: 30px;
		padding: 0;
		float: right;
	}













/* Header - Feed */
	
	div#header-feed {
		position: absolute;
		top: 50px;
		left: 50px;
		width: 380px;
		height: 90px;
	}




	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#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#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#content {
	width: 688px;
	background-color: #ffffff;
                     padding-left:5px;
                     padding-right:5px;
                     float:right;
}


div#titlepic {
	margin-top:20px;
}


div#topics {
	margin-top:5px;
}

div#topicstext {
	width: 688px;
	height: 37px;
                     font-size: 0.85em;
	color: #666666;
		background: url("images/topic-t.jpg") no-repeat;
}

div#whatsnew {
	margin-top:5px;
letter-spacing: 0.1em;
                     font-size: 1.0em;

}


div#since{
	background: url("images/since1972.jpg") ;
width:688px;
height:250px;
                     font-size: 0.85em;
	color: #666666;
}

div#sincetext{
                     font-size: 0.95em;
	color: #666666;
                     padding-right:285px;
                    margin-top:30px;
}





/* 記事 */
div.content.post	{
	border-bottom: 3px double #000000;
	background-color: #ffffff;
	margin-top:20px;
                     padding-left:15px;
                     padding-right:15px
}


#content h2 {
	background: url("images/arrow01.jpg") ;
	background-repeat: no-repeat;
	font: normal 16px/30px "Century Gothic", Century Gothic;
	font-weight: bold;
	color: #ffffff;
	height: 25px;
                     padding-left:  40px;	
                     margin-top:19px;
   	margin-bottom:10px;	
		}

#content h3	{
	background: url("images/h3.jpg") ;
	background-repeat: no-repeat;
	font: normal 14px/25px "Century Gothic", Century Gothic;
	height: 25px;
	font-weight: bold;
	color: #666666;
	padding-left: 25px;
	padding-top:0px;
	margin-bottom: 5px;
	margin-top: 10px
}





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

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


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




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




p.postinfo a	{
                     color: #2b76cc
}


div#hatena{
float:right;
margin-top:10px;
}







/* ページリンク */
p.pagelink 	{
                     font-size: 1.75em;
	color: #000000
}




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




span.pageprev	{
                     float: left
}




span.pagenext	{
                     float: right
}




/* コメント */
#comments	{clear: both}




div#com	{




	padding: 0 18px;
	margin-top: 45px
}




textarea	{width: 400px}




div#com h3	{
                     font-size: 1.50em;
	border-bottom: solid 3px #000000;
	padding-bottom: 3px;
	margin-top: 20px
}




div#com p	{font-size: 0.75em}




div.compost	{border-bottom: dotted 1px #2b76cc}




p.cominfo	{text-align: right}




div#com a	{color: #2b76cc}




p#comfeed img	{vertical-align: middle}




p#comfeed a	{color: black;
	text-decoration: none}




p#comfeed	{
	background: url("images/bg-pink.gif") ;
	padding: 8px;
	margin-top: 30px}




p#trurl	{
background-color: #a8d1ff;
	padding: 8px;
	margin-bottom: 30px}












/* サイドバー */
	
	#sidebar {
background-color: #E6E8E9;
		float: left;
		width: 250px;
		font: normal 14px/18px "Century Gothic", Century Gothic;
		color: #000000;
        border-right: solid 2px #666666;
 border-bottom: solid 2px #666666;
	}


div#sidesearch {
background: url("images/side-serch.jpg") ;
   width:240px ;
  height:100px ;
                  margin-top:10px;
                  margin-left:5px;

}




div#side-ban{
         width:240px;
         margin-left:5px
}



	
	#sidebar a {
		color: #000000;
		text-decoration: none;
	}
	
	#sidebar a:hover {
		text-decoration: underline;
	}
	
	#sidebar .sidebar-box {
		width: 220px;
                                           margin-top:19px;
		padding-bottom: 10px;
	}
	#sidebar .sidebar-box02{
		width: 200px;
		padding-bottom: 10px;
                                          padding-left:30px;
	}
	
		/* Sidebar - Titles */
		
		#sidebar h3 {
			font: normal 14px/35px "Century Gothic", Century Gothic;
	                                          font-weight: bold;
			color: #ffffff;
			width: 200px;
			height: 26px;
			padding-bottom:  5px;
padding-left:  40px;		
                  margin-left:5px;
line-height : 26px;
			margin-bottom: 2px;
                     background-image: url(images/side-bg.jpg);
	background-repeat: no-repeat;
                     vertical-align: top;
		}


#sidebar h4 {
                  margin-left:19px;
                  width: 200px;
	height: 20px;
	font: normal 12px/22px "Century Gothic", Century Gothic;
	color: #006B00;
                     background-image: url(images/arrow.gif) ;
	background-repeat: no-repeat;
                      vertical-align: top;
	padding-left: 28px;
}




		
		/* Sidebar - Menus */
		
		#sidebar ul {
			margin: 0;
			padding: 0 0 0 10px;
			list-style-type: none;
		}
		
		#sidebar ul li {
                                                                margin-left:20px;
			padding-left: 25px;
			font: normal 12px/20px "Century Gothic", Century Gothic;
			color: #666666;
background-image: url(images/arrow02.gif) ;
	background-repeat: no-repeat;
vertical-align: top;
		}
		
		#sidebar ul li a {
			color: #666666;
			text-decoration: none;
		}
		
		#sidebar ul li a:hover {
			text-decoration: underline;
			color: #DA312E;
		}
		
		#sidebar ul li ul {
			padding: 0 0 0 10px;
		}

		
			









/* フィード */
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	{
	width: 900px;
	margin: 0 auto;
                     border-top: solid 7px #000000;
	clear: both;
background-color:#000000;
                      color:#fffffff
}




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








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




}

div.wp-pagenavi {
    margin: 1.5em 30px;
    color: #555;
    font-size: 85%;
    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;
}