﻿@charset "utf-8";
/*pan list*/
.panlist{font-size:x-small;color:#666666;
}
.panlist a {color:#666666; text-decoration:none;}
.panlist a:hover {color:#ff7700; text-decoration:underline;
}
.pan{display:block;
	 border-top:solid #eee 1px;
	 border-bottom:solid #eee 1px;
	 padding:4px;font-size:x-small;
}
.pan a{color:#666666; text-decoration:none;
}
.pan a:hover{color:#104e8b; text-decoration:underline;
}
/* Image style*/
a img {position:relative;float:left; border:solid 1px #666;
	padding:5px; 
	margin:10px 10px 10px 0;
}
img a:hover { border-color:#ff7700; 
	filter:alpha(opacity=60);-moz-opacity:0.6;
}
img.fl{position:relative;float:left; border:solid 1px #666;
	padding:5px; 
	margin:10px 10px 10px 0;
	background:#eee;
}
a img.fl{position:relative;float:left; border:solid 1px #666;
	padding:5px; 
	margin:10px 10px 10px 0;
	background:#eee;
}
a:hover img.fl{ border-color:#ff7700; 
	filter:alpha(opacity=60);-moz-opacity:0.6;
}
img.fr{position:relative;float:right; border:solid 1px #666; padding:5px; 
	margin-left:10px;margin-top:10px;margin-bottom:10px;
}
a img.fr{position:relative;float:right; border:solid 1px #666; padding:5px; 
	margin-left:10px;margin-top:10px;margin-bottom:10px;
}
a:hover img.fr{border-color:#ff7700;
	filter:alpha(opacity=60);-moz-opacity:0.6;
}
a img.nolin{border:0}


img.mark{border:0;vertical-align:middle; margin-left:3px;}


/* css toolTips */
a.tooltips{
    position:relative; /*important*/
    z-index:24;
    color:#ff8000;
    text-decoration:underline;
}

a.tooltips:hover{z-index:25; background-color:#ff8000;
	color:#ffffff;
}

a.tooltips span{display: none}

a.tooltips:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:3em; left:2em;
	width:15em;padding:2px;
    border:1px solid #ff8000;
    background-color:#eeeeee; 
	color:#666666;text-align:left;
}

/* sidebar mailform
input.side{ border:solid 1px #ff7700; padding-top:3px; 
padding-bottom:3px;width:140px;margin-bottom:10px;font-size:11px;color:#666
}
.mail{width:160px;color:#333;
	margin:10px 0;padding:0;line-height:1.3;
	border-top:solid 1px #555; border-bottom:solid 0px #555;
}
textarea.side{background:#ddd;font-size:11px; color:#666; 
	width:140px;height:80px;border:solid 1px #ff7700;
	overflow:auto;margin-bottom:10px;
}
input.button_sidebar{border:solid 1px #fff; background:#ff7700; color:#fff;}*/

/* box list*/
.sBox_L{position:relative;width:220px;border-style:solid ;
	border-width:20px 1px 1px 1px;
	border-color: #99cccc;padding:5px;
	float:left; margin:0;
}
.sBox_L p{line-height:1.8;font-size:x-small;}
.sBox_R	{position:relative;width:220px;
	border-style:solid ;border-width:20px 1px 1px 1px;
	border-color: #99CC33;padding:5px;
		float:left; padding-left:10px;line-height:1.5em;
}


/*left box in left col*/
h4.list_T{width:180px;border-bottom:dotted 1px #888;
	padding-bottom:3px;margin-bottom:0;margin-top:5px;
		font-size:14px;color:#ff7700;
}
#list ul{margin: 0;padding: 0;
	list-style-type: none;
}

#list li { margin: 0 0 .2em 0; }

#list a{display: block;
	color: #666;
	background: url(http://www.sumuzo.com/blog_dset/object/arrow_A_ver1.gif) left no-repeat;
	width:180px;padding-top:3px ; padding-left:12px;padding-bottom:5px;
	text-decoration: none;border-bottom:dotted 1px #888;
}

#list a:hover{color: #FF7700;
}
/*right box in left col*/
h4.list_T{width:180px;border-bottom:dotted 1px #888;
	padding-bottom:3px;margin-bottom:0;margin-top:5px;
		font-size:14px;color:#ff7700;}
#index ul{margin: 0;padding: 0;
	list-style-type: none;
}

#index li { margin: 0 0 .2em 0; }

#index a{display: block;
	color: #666;
	background: url(http://www.sumuzo.com/blog_dset/object/arrow_A_ver1.gif) left no-repeat;
	width:180px;padding-top:3px ; padding-left:12px;padding-bottom:5px;
	text-decoration: none;border-bottom:dotted 1px #888;
}

#index a:hover{color: #FF7700;
}

/* Box 1 type*/
#underBox{width:500px;
	border-color:#cc0000; border-style:solid; border-width:0 1px 1px 1px;
	padding:0 0 10px 0;
}
#underBox h5{font-size:14px; color:#fff; 
	margin:0 0 3px 0; text-align:center;
	background:#cc0000;padding:2px 0 2px 0;width:500px;
}

#underBox ul{margin: 0;padding: 0;
	list-style-type: none;
}

#underBox li { margin: 0 0 .2em 0; }

#underBox a {display: block;
	color: #666;text-align:left;
	background: url(http://www.sumuzo.com/blog_dset/object/arrow_A_ver1.gif) left no-repeat;
	width:450px;padding-top:3px ; padding-left:12px;
	padding-bottom:5px;
	text-decoration: none;
	border-top:dotted 1px #888;
}

#underBox a:hover{color: #FF7700;
}



/*  parts*/
.alright{text-align:right;}

.cl{clear:both}
p.caption{
	text-align: center;
}

small.super{
	vertical-align: top;
	font-size: 0.75em;
	line-height: 1.3em;
}

.nodisplay {	display: none;
}

blockquote{background:url(http://www.sumuzo.com/blog_dset/object/blockquote.gif) top left no-repeat;
	font-size:x-small;line-height:1.5em; padding-left:1em;color:navy;
}
.no {text-decoration:line-through;
}
/*  Link style */
a.white{color:#fff;}
a:hover.white{color:#ccc;}
a{color: #666666;
}
a.navy{color:navy;}
a:hover.navy{color:#fff;background-color:navy;}



a.arrow_g:link, a.arrow_g:visited {height:1em; position:relative;
	color:#666; text-decoration:none; padding-left:10px;
	background-image:url(http://www.sumuzo.com/blog_dset/object/ff_grey.gif);
	background-position:left 0.5em;  background-repeat:no-repeat;
}
a.arrow_g:hover {
	color:#333; text-decoration:underline; 
}
/*  text style*/
.left
{
	float: left;
}

.right
{
	float: right;
}

.blue{color: #38B0DE;
}

.red{color: #dc143c;
}
.orange{color:#ff8c00;
}
.aqua{color:#48d1cc;
}
.navy{color:#104E8B;
}
.gray{color:#888888}
.alright{text-align:right;}

/*Map sheet*/
div.adr { border:solid #458b00 2px;
	padding:0; margin:10px 10px 10px 0px;
	float:left;
/* これ以降Mac IE 5のみに適用 \*//*/
display:none;
/* Mac IE 5ここまで */
}




/* thumb nail Link */
.pullout{background-color: #eeeeee;
	padding: 5px;
	float: right;
	margin: 8px;
}
.thumbnail, .pullout {float: left;
	background: url(http://www.sumuzo.com/blog_dset/object/shadow.gif) no-repeat bottom right;
/*	margin: 0px 0px 0px 6px;*/
padding: 0;margin: 0px 0px 5px 5px
	display: block;
	width: auto;
	_position: relative;/*for ie*/
}

.thumbnail img, .pullout img {
	width:70px; height:55px;background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin:-3px 3px 3px -3px;
	 padding: 4px;
	 position: relative;
}

a img.thumbnail, .pullout a img {
	width:70px; height:55px;
	background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin:-3px 3px 3px -3px;
	 padding: 4px;
	 position: relative;
	}

.thumbnail img:hover, .thumbnail:hover img, .pullout:hover img {
	background-color: #ccd;
}

/*.pullout
{
	margin: 13px 3px 3px 14px;
	background-image: url(http://www.sumuzo.com/blog_dset/object/shadow.gif);
	
}*/


.space{height:600px;
}
.space100{height:100px;
}
.logo {height:100px; clear:both;
background:url(http://www.sumuzo.com/blog_dset/object/logo2-1.gif) right top no-repeat;}

/*track back set*/
h6#trackback { width:500px; background-color:#555; 
	font-size:14px; color:#ffffff;
	text-align:center; padding:3px 0; margin-top:10px;
}
.case {	background-image:url(http://www.sumuzo.com/blog_dset/object/truckback.gif);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#eee; 
	height:24px;font-size:small; 
	border:solid #b7b7b7 1px; color:#555;padding:2px;
	padding-left:70px;
	position:relative;
}


ol.raiting {margin:0;padding:0; list-style-type:decimal;list-style-position:outside;
}
ol.raiting li{color:#104E8B; line-height:1.3;
}

