@charset "utf-8";

/*
Site Name: 
Description: parts style
*/

/* header
----------------------------------------- */
div#header h1{
	font-size: 12px;
	line-height: 0px;
	font-weight: normal;
	left: 62px;
	top: 20px;
	position: relative;
}

div#header #logo{
	padding-top: 5px;
	float: left;
	margin-right: 40px;
}

div#header h2,
div#header h3,
div#header p.summary{
	display: none;
}

div#header .qr{
	margin-top: 10px;
	margin-right: 5px;
	float: left;
}

div#header dl{
	margin-top: 10px;
	margin-right: 15px;
	float: left;
}

div#header dl dt{
	padding-bottom: 3px;
}

div#header dl dd{
	font-size: 12px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* for modern browser */
html>body div#header dl dd{
	padding-top: 0px;
	padding-bottom: 0px;
}

div#header dl dd.tel{
	background-image: url(../img/icon-tel.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

div#header dl dd.mail{
	background-image: url(../img/icon-mail.gif);
}

/* footer
----------------------------------------- */
#footer address{
	font-family: Verdana;
	font-size: 60%;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
}

/* topicpath
----------------------------------------- */
ol#topicpath{
	padding: 0px;
	margin: 0px;
	font-size: 78%;
	text-align: left;
}

ol#topicpath li{
	float: left;
	padding-right: 10px;
	margin: 0px 3px 0px 0px;
	background: url(../img/topicpath.gif) no-repeat right center;
}

ol#topicpath li.stay{
	font-weight: 700;
	background-image: none;
}

/* content
----------------------------------------- */
/*sub*/
#sub{
	font-size: 78%;
}

#sub ul{
	margin-bottom: 7px;
}

#sub ul li{
	margin-bottom: 3px;
}

#truck{
	background-color: #FFBC47;
	background-image: url(../img/truck-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 10px;
}

#truck img{
	margin-bottom: 5px;
}

#mobile{
	background-color: #CDE2F5;
	background-image: url(../img/mobile-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	zoom:1;
	padding-bottom: 10px;
}

/* for modern browser */
html>body #mobile{
	padding-bottom: 0px;
}

#mobile img{
	margin-bottom: 10px;
}

#mobile img.qr{
	float: left;
	margin-right: 5px;
	display: inline;
	margin-left: 5px;
}

/*main*/
#main{
	font-size: 92%;
}

/*home*/
#home #content{
/*	background-image: url(../img/repple.jpg);*/
	background-repeat: no-repeat;
	background-position: 100% 3px;
	zoom: 1;
}

#home #content:after{
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}

#home #content h2{
	margin-bottom: 10px;
	clear: both;
}

#recommend-top,
#recommend-bottom{
	height: 120px;
	padding-top: 10px;
	clear: both;
}

/* for modern browser */
html>body #recommend-top,
html>body #recommend-bottom{
	height: 110px;
}

#recommend-top{
	margin-bottom: 1px;
}

#recommend-top h2,
#recommend-bottom h2{
	margin-bottom: 5px;
	float: left;
}

#recommend p{
	float: left;
}

#recommend ul{
	float: right;
	margin-right: 107px;
	display: inline;
}

#recommend ul li{
	float: left;
	margin-right: 5px;
	font-size: 12px;
}

#recommend  a:link img,
#recommend  a:visited img
{
	border: 1px solid #FFFFFF;
}

#recommend-top  a:hover img{
	border: 1px solid #0099FF;	
}

#recommend-bottom  a:hover img{
	border: 1px solid #FF0000;	
}

#recommend ul li.more{
	background-repeat: no-repeat;
	line-height: 94px;
}

#recommend ul li.more a{
	height: 100px;
	width: 54px;
	display: block;
	padding-left: 6px;
}

/* for modern browser */
html>body #recommend ul li.more a{
	width: 48px;
}

#recommend-top ul li.more{
	background-image: url(http://www.4337.jp/img/recommend-more-blue.gif);
}

#recommend-bottom ul li.more{
	background-image: url(http://www.4337.jp/img/recommend-more-red.gif);
}

/*
#home iframe{
	width:750px;
	height:285px;
	margin-top: 15px;
	margin-bottom: 30px;
	background-color: #FEFF99;
	border: none;
	overflow: hidden;
}
*/

/* for modern browser */
/*
html>body#home iframe{
	height:295px;
}
*/

#blog-2jyo{
	float: left;
}

#blog-powers{
	float: right;
}

.box-small{
	background-image: url(../img/box-small-body.gif);
	background-repeat: repeat-y;
}

#home .box-small{
	margin-top: 15px;
	margin-bottom: 30px;
	width: 365px;
}

#home .box-small dl{
	padding: 10px 10px 5px 10px;
}

#home .box-small dl dt{
	background-image: url(../img/list-01.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	float: left;
	width: 100px;
	padding-top: 3px;
	padding-left: 15px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/* for modern browser */
html>body#home .box-small dl dt{
	width: 85px;
	padding-bottom: 3px;
}

#home .box-small dl dd{
	margin-left: 100px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 240px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

#home .box-small p.feed{
	text-align: right;
	position: absolute;
}

#home .box-small p.feed a{
	position: relative;
	top: -18px;
}

#home #blog-2jyo p.feed a{
	left: 150px;
}

#home #blog-powers p.feed a{
	left: 185px;
}

#home .box-small p.more{
	background-image: url(../img/box-small-bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	padding: 0px 10px 10px 10px;
	text-align: right;
}

#home .box-small p.more a{
	padding-left: 15px;
	background-image: url(../img/list-01.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

#home .box-big{
	background-image: url(../img/box-big-head.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	margin-top: 15px;
}
#home .box-big-body{
	background-image: url(../img/box-big-bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
	font-size: 90%;
}

#home .box-big-body h3{
}

#home .box-big-body p{

}

#home .box-big-body img.left{
	margin-right: 5px;
}

#home .box-big-body img.right{
	margin-left: 5px;
}

/*contents*/
div.links{
	font-size: 92%;
	margin: 80px 0px 30px 0px;
}

div.links p{
	text-align: center;
	margin-bottom: 25px;
}

/*追加CSS*/
.main_txt{
font-size:12px;
}