/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:url(../img/main-bg.gif) 0 65px repeat-x #fff;
	color:#5F7A77;
	font:13px/19px Arial, Helvetica, sans-serif;
}
div, p, ul, h2, h3, h4, h5, img{
	padding:0px;
	margin:0px;
}
form a{
	cursor:pointer;
}
ul{
	list-style-type:none;
}
/*----MAIN PANEL----*/
#mainPan{
	width:900px;
	position:relative;
	margin:0 auto;
}

/*----TOP PANEL----*/
#topPan{
	width:862px;
	height:65px;
	background:url(../img/topbg.jpg) 0 0 no-repeat #fff;
	color:#828282;
	position:relative;
	margin:0 auto;
}
h1{
	margin:0;
}
#topPan a.logo{
	background:url(../img/logo.gif) 0 0 no-repeat #fff;
	width:136px;
	height:31px;
	text-indent:-9999px;
	position:absolute;
	top:12px;
	left:235px;
}
#topPan p.caption{
	width:200px;
	background:#fff;
	color:#828282;
	position:absolute;
	top:43px;
	left:235px;
}
#topcontactPan{
	width:250px;
	height:36px;
	position:absolute;
	top:26px;
	left:500px;
	padding:7px 0 0;
}

#topcontactPan p.callus{
	width:63px;
	height:17px;
	display:block;
	background:#DDC40C;
	color:#fff;
	font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
#topcontactPan p.tollfree{
	width:63px;
	height:20px;
	display:block;
	background:#fff;
	color:#A99607;
	font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
#topcontactPan p.phoneno{
	width:88px;
	height:28px;
	display:block;
	position:absolute;
	top:7px;
	left:91px;
	background:#fff;
	color:#00473E;
	border:1px solid #A2C1C0;
	font-size:11px;
	line-height:14px;
	text-align:center;
}
/*----/TOP PANEL----*/

/* * * * * * * * * * *   HEADER * * * * * * */
#headerPan{
	
	width:780px;
	height:155px;
	background:url(../img/header.jpg) 0 0 no-repeat;
	position:relative;
	margin:0 auto;
	padding:10px 0 0 82px;
}
#topcontactPan form input{
	float:left;
	margin:2px 5px;
	display:block;
}
#topcontactPan p{
	position:absolute;right:50px;top:-10px;
	color:blue;
	font-size:8pt;
}
.search{
	display:block;
	float:left;
	text-indent:-9999pt;
	background:url(../img/search.gif) #666;
	width:83px;
	height:20px;
}
.search:hover{
	background-position:bottom;
}
/* * * * * * * * header menu * * * * * * * * */
#headerPan ul.leftmenu{
	width:105px;
	font-size:9pt;
}
#headerPan ul.leftmenu li{
	width:105px;
	height:22px;
	border-bottom:1px dashed #AECCCA;
}

#headerPan ul.leftmenu li a{
	width:90px;
	height:22px;
	display:block;
	background:url(../img/bullet-normal.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}

#headerPan ul.leftmenu li a:hover{
	background:url(../img/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}
/* * * * * * * * heder menu visit * * * * * * */
#headerPan ul.leftmenu li.Solutions{
	width:72px;
	height:22px;
	display:block;
	background:url(../img/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}

/* * * * * * * * * header button * * * * * * * * * */
#headerPan ul.botton{
	width:150px;
	height:28px;
	position:absolute;
	top:128px;
	right:10px;
}
#headerPan ul.botton li{
	float:left;
	height:28px;
}
#headerPan ul.botton li.buton_cart a{
	width:27px;
	height:27px;
	display:block;
	background:url(../img/crt.gif) 0 0 no-repeat;
	text-indent:-200000px;
	margin:0 10px 0 0;
}

#headerPan ul.botton li.buton_mail a{
	width:27px;
	height:27px;
	display:block;
	background:url(../img/mail.gif) 0 0 no-repeat;
	text-indent:-200000px;
	margin:0;
}

#headerPan ul.botton li.buton_user a{
	width:27px;
	height:27px;
	display:block;
	background:url(../img/user.gif) 0 0 no-repeat;
	text-indent:-200000px;
	margin:0 10px 0 0;
}

#headerPan ul.botton li a:hover{
	background-position:bottom;
}
/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan{
	width:856px;
	background:url(../img/bodybg.gif) 20px 0 no-repeat;
	position:relative;
	margin:0 auto;
	padding:10px 0 0 92px;
}
/* * * * * * * * * * * * LEFT * * * * * * * * * * */
#leftPan{
	width:134px;
	float:left;
}

#leftPan h2{
	width:114px;
	height:34px;
	background:#fff;
	color:#5F7A77;
	font-size:12pt;
	margin-left:15px;
	line-height:34px;
}

#leftPan ul{
	margin-left:15px;
	width:114px;
}
#leftPan ul li{
	width:114px;
	white-space:nowrap;
	font-size:9pt;
	overflow:hidden;
	height:24px;
}
#leftPan ul li a{
	width:102px;
	height:24px;
	display:block;
	background:url(../img/bullet2-normal.gif) 0 10px no-repeat #fff;
	color:#5F7A77;
	text-decoration:none;
	line-height:24px;
	cursor:pointer;
	padding:0 0 0 12px;
}
#leftPan ul li a:hover{
	background:url(../img/bullet2-hover.gif) 0 10px no-repeat #fff;
	color:#5F7A77;
	text-decoration:none;
}
/* * * * * * * banner * * * * * */
.info_banner{
	text-align:center;
	padding:0;
	width:130px;
	margin:5px auto;
}
.info_banner img{
	margin:0;
	border:0;
}
/* * * * * tagCloud * * * */
ul.tagCloud {
	clear:both;
	text-align:center;
	margin: 0;
	padding: 0.5em 10px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%; /* ここで相対的に文字サイズを変更 */
}

ul.tagCloud li a {
	text-decoration: none;
}

/* タグレベル1〜6 */

ul.tagCloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
	color: #760e3b;
}

ul.tagCloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
	color: #a81454;
}

ul.tagCloud li.level3 a {
	font-size: 122%;
	font-weight: bold;
	color: #db1a6d;
}

ul.tagCloud li.level4 a {
	font-size: 114%;
	color: #e9458c;
}

ul.tagCloud li.level5 a {
	font-size: 92%;
	color: #ef77ab;
}

ul.tagCloud li.level6 a {
	font-size: 77%;
	color: #f5aaca;
}

/* オンマウス色 */

ul.tagCloud li a:hover {
	color: #000;
}
/* * * * * * * AD * * * * * * */
#sidebar {
	color: #AFB0B1;
	background: #fff;
	float:left;
	margin:0 0 24px;
	padding:15px 2px;
	width:130px;
}
 
#sidebar ul {
	font-size:1.2em;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
}
 

.rating {
	background-image:url(img/info_bar_stars.png);
	background-repeat:no-repeat;
	height:12px;
	text-indent:-900em;
	font-size:1em;
	margin:0 0 9px;
}
 
.none {
	background-position: 82px 0px;
}
 
.four {
	background-position: 82px -48px;
}
 
.five {
	background-position: 82px -60px;
}
 
.tags {
	color: #fff;
	margin: 0.5em;
}
 
.tags a,
.tags span {
	background-color: #333839;
	font-size: 0.8em;
	padding: 0.1em 0.8em 0.2em;
}
 
.tags a:link,
.tags a:visited {
	color: #fff;
	text-decoration: none;
}
 
.tags a:hover,
.tags a:active {
	background-color: #3e4448;
	color: #fff;
	text-decoration: none;
}
 
#sidebar li {
	height: 90px;
	overflow: hidden;
}
 
#sidebar li h5 {
	color:#A5A9AB;
	font-size:1em;
	margin-bottom:0.5em;
}
 
#sidebar li h5 a {
	color:#A5A9AB;
	text-decoration:none;
}
 
#sidebar li img {
	float:left;
	margin-right:8px;
}
 
#sidebar li .info {
	color:#3E4548;
	font-size:1em;
}
 
#sidebar .info a,
#sidebar .info a:visited {
	color:#3E4548;
	text-decoration: none;
}
 
#sidebar .spyWrapper {
	height: 100%;
	overflow: hidden;
	position: relative;
}
 
#sidebar {
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
}
 
.tags span,
.tags a {
/*	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;*/
}
/* * * * * * right * * * * * * * */
#rightPan{
	width:521px;
	float:left;
	min-height:500px;
	border-left:1px solid #C8E8E2;
	margin:0;
	padding:10px 5px 10px 20px;
}
.pan_kuzu a{
	color:#444;
	text-decoration:none;
}
.pan_kuzu a:hover{
	text-decoration:underline;
}
/*----/Body Left Panel----*/
/* * * * * PR banner * * * * * */

#leftPan .banner{
	text-align:center;
	padding:0;
	list-style-type:none;
	margin:5px auto;
}
#leftPan ol.banner img{
	margin:10px 5px;
}
/*----/BODY PANEL----*/

.reload{
	position:absolute;left:-500px;top:-500px;
	z-index:-5;
}
/*----FOOTER PANEL----*/
#footermainPan{
	height:103px;
	background:url(../img/footerbg.gif) 0 0 repeat-x #3C3F47;
	color:#2F5958;
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 auto;
	clear:both;
	padding:30px;
}
#footerPan{
	width:778px;
	position:relative;
	margin:0 auto;
}

#footerPan ul{
	height:20px;
	position:relative;
	text-align:center;
	margin:0 auto;
}
#footerPan li{
	display:inline;
	}
#footerPan ul li a{
	padding:0 10px;
	color:#fff;
	text-decoration:none;
	line-height:15pt;
	font-size:11px;
}
#footerPan ul li a:hover{
	text-decoration:underline;
}

#footerPan p.copyright{
	width:250px;
	margin:10px 0 0 92px;
}

#footerPan ul.templateworld{
	width:250px;
	color:#007163;
	display:block;
	font-size:10px;
	position:absolute;
	top:49px;
	left:92px;
}
#footerPan ul.templateworld li{
	height:20px;
}
#footerPan ul.templateworld li a{
	display:block;
	color:#007163;
	text-decoration:none;
	padding:0px;
	font-size:10px;
}
#footerPan ul.templateworld li a:hover{
	text-decoration:underline;
}

#footerPanhtml{
	width:70px;
	height:24px;
	display:block;
	position:absolute;
	top:35px;
	left:549px;
}
#footerPanhtml a{
	width:70px;
	height:24px;
	display:block;
	background:url(../img/html-normal.gif) 0 0 no-repeat;
	color:#fff;
	font-size:13px;
	line-height:23px;
	font-weight:bold;
	text-decoration:none;text-transform:uppercase;
	padding:0 0 0 7px;
}
#footerPanhtml a:hover{
	background-position:bottom left;
	color:#fff;
}
#footerPancss{
	width:70px;
	height:24px;
	display:block;
	position:absolute;
	top:35px;
	left:624px;
}
#footerPancss a{
	width:70px;
	height:24px;
	display:block;
	background:url(../img/css-normal.gif) 0 0 no-repeat;
	color:#fff;
	font-size:13px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 10px;
}
#footerPancss a:hover{
	background-position:bottom left;
	color:#fff;
	text-decoration:none;
}
/*----/FOOTER PANEL----*/

/* * * * RIGHT CONTENTS * * * * * * */
.right_contents{
	float:left;
}
.item_rank{
	width:138px;
	border:1px solid #20b2aa;
	margin:10px auto;
}
.item_rank p{
	color:#20b2aa;
	margin:0;
}
.item_rank strong{
	font-size:9pt;
	background:#20b2aa;
	text-align:center;
	display:block;
	line-height:13pt;
	color:#fff;
}
.item_rank a{
	font-size:8pt;
	overflow:hidden;
	color:#4169e1;
	padding:0 10px;
	line-height:10pt;
	display:block;
	font-weight:normal;
	text-decoration:none;
}
.item_rank a img{
	display:block;
	width:90px;
	margin:10px auto 5px auto;
	border:0;
}
.item_rank form{
	display:inline;
}
.item_rank a.rank_word{
	line-height:11pt;
	display:inline;
	font-size:10pt;
	color:#666999;
	word-wrap: break-word;
	padding:0 5px 0 0;
}