
/* scrollbar
http://webkit.org/blog/363/styling-scrollbars/
http://almaer.com/scrollbar/debug.html
*/
::-webkit-scrollbar {
	width: 10px;
	height: 8px;
}

::-webkit-scrollbar-corner {
	background-color: #fff;
}
::-webkit-resizer {
	background-color: #fff;
}

::-webkit-scrollbar-track-piece {
	background-color: #fff;
}

::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
	background-color: #cbe1d9;
	-webkit-border-radius: 10px;
}

::-webkit-scrollbar-thumb:vertical:window-inactive,
::-webkit-scrollbar-thumb:horizontal:window-inactive {
	background-color: #fff;
}


body	{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-image: url(styleimg/backgroundimg.gif);
	background-repeat: repeat;
	text-align: center;
	}


#container{
	width:740px;
	background-image: url(http://yoroz.jp/styleimg/baseimg740.gif);
	background-repeat: repeat-y;
	margin-top: -1px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	padding-top:1px;
}

#banner{
	font-family:arial, Helvetica;
	text-align:left;
	width:700px;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

h1 {
	text-align:left;
	font-weight:bolder;
	font-size:20px;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 0px;
}

h1 a{
	color:#10B4AF;
	font-family:arial, Helvetica;
	text-decoration: none;
	font-weight:bolder;
}

h2 {
	font-size:12px;
	font-weight:bolder;
	font-family:arial, Helvetica;
	margin-bottom:0px;
	margin-top: 10px;
}

h3 {
padding:55px 0px 0px 0px;
font-size:10px;
font-weight:bolder;
font-family:arial, Helvetica;
margin-top:0px;
margin-bottom:0px;
}

h3 a{
color:#10B4AF;
padding: 0px;
font-weight:bolder;
text-decoration: none;
}

h4 {
padding:5px 0px 0px 5px;
color:#444444;
font-size:12px;
font-weight:bolder;
font-family:arial, Helvetica;
margin-top:0px;
margin-bottom:0px;
}

.nagi {
line-height:150%;
padding:8px 0px 0px 5px;
color:#528fac;
font-size:12px;
font-family:arial, Helvetica;
}

.iori {
line-height:150%;
padding:8px 0px 0px 5px;
color:#bd86bb;
font-size:12px;
font-family:arial, Helvetica;
}

#content {
	float:left;
	width:500px;
	font-size:12px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 20px;
	text-align: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#profile1	{
	float:left;
	width:240px;
	font-size:12px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.proftitle {
	width:240px;
	color:#a7a7a7;
	font-size:12px;
	font-weight:bolder;
	padding:2px 10px 0px 10px;
	text-align:center;
	padding-top:5px;
	background-image: url(styleimg/proftop.gif);
	background-repeat: no-repeat;
}
.profside {
	width:240px;
	height: 300px;
	color:#444444;
	font-size:12px;
	font-weight:normal;
	line-height:140%;
	padding:10px 5px 10px 5px;
	margin-bottom:10px;
	border-left: solid 1px #a7a7a7;
	border-right: solid 1px #a7a7a7;
	border-bottom: solid 1px #a7a7a7;
}
.profside a {
	line-height:150%;
	color: #10b4af;
}

.profside a:hover {
	color: #ff0000;
	text-decoration: none;
}

.blog {
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
}

.profright	{
	width: 240px;
	height: 80px;
	padding-top: 5px;
	margin-left: 100px;
	margin-bottom: 20px;
	color:#444444;
	font-size:12px;
	font-weight:normal;
	line-height:140%;
}
.profright a {
	line-height:150%;
	color: #10b4af;
}

.profright a:hover {
	color: #ff0000;
	text-decoration: none;
}

.blogbody {
	border-left: solid 1px #a7a7a7;
	border-right: solid 1px #a7a7a7;
	margin:0px;
	font-weight:normal;
	line-height:120%;
	background-color: #FFFFFF;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.date{
	font-size: 12px;
	color:#10B4AF;
	font-weight:bolder;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	border-bottom: solid #a7a7a7 1px;
	background-image: url(http://yoroz.jp/styleimg/maintop500.gif);
	background-repeat: no-repeat;
}



.title{
	padding: 10px 0px 5px 5px;
	font-size: 14px; 
	font-weight:bolder;
	color:#10B4AF;
	border:none;
	text-decoration: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.text{
	font-size: 12px;
	line-height:140%;
	color: #000000;
	padding:0px 2px 10px 30px;
}

.text a {
color:#10b4af;
}

.text a:hover {
color: #ff0000;
text-decoration: none;
}

.text ul{
	margin: 3px 0 0 -15px !important; margin: 3px 0 0 15px;
	padding-left: 30px !important; padding-left: 0;
	}

.posted{
	font-size: 10px;
	color: #444444;
    background-color: #f1f9f5;
	text-align:right;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin: 0px;
    border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #a7a7a7;
	border-bottom-color: #a7a7a7;
}

.posted a {
color:#10b4af;
}

.posted a:hover {
color: #ff0000;
text-decoration: none;
}

#links-left {
}

#links {
	font-weight:normal;
	width:199px;
	text-align:left;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 10px;
	float: right;
	padding: 0px;
}

.sidetitle {
	width:188px;
	color:#a7a7a7;
	font-size:12px;
	font-weight:bolder;
	padding:2px 10px 0px 10px;
	text-align:center;
	padding-top:5px;
	background-image: url(http://yoroz.jp/styleimg/menutop200.gif);
	background-repeat: no-repeat;
}
.side {
	width:188px;
	color:#444444;
	font-size:12px;
	font-weight:normal;
	line-height:140%;
	padding:10px 5px 10px 5px;
	margin-bottom:10px;
	border-left: solid 1px #a7a7a7;
	border-right: solid 1px #a7a7a7;
	border-bottom: solid 1px #a7a7a7;
}
.side a {
	line-height:150%;
	color: #10b4af;
}

.side a:hover {
	color: #ff0000;
	text-decoration: none;
}

.lightb	{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	text-align: center;
}
.lightb img{
	border: solid 1px #a7a7a7;
	margin: 1px;
}

.nobanner {
	width: 188px;
	height: 20px
	text-align: right;
	margin-top:5px;
	margin-bottom: 0px;
	padding: 20px 0px 0px 10px;
	border: solid 1px #a7a7a7;
	display: inline-block;
}


#footer{
padding-top:10px;
clear:left;
width:740px;
	background-image: url(http://yoroz.jp/styleimg/baseimg740.gif);
	background-repeat: repeat-y;
}

.powered {
	text-align:center;
	line-height:120%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.powered a {
	color: #10b4af;
}

.powered a:hover {
	color: #ff0000;
	text-decoration: none;
}

.menulist	{
	list-style-image: url(styleimg/box.gif);
	list-style-position: outside;
	}

.menutext ul{
	margin: 3px 0 0 -15px !important; margin: 3px 0 0 15px;
	padding-left: 30px !important; padding-left: 0;
	}

.textlink{
	font-size: 12px;
	line-height:110%;
	color: #000000;
	padding:0px 2px 10px 10px;
}

.textlink a {
color:#10b4af;
text-decoration: none;
}

.textlink a:hover {
color: #ff0000;
text-decoration: none;
}

.textlink img {
	margin-top:5px;
	margin-bottom:-9px;
	padding-bottom:3px;
	border: 0px;
}



.dojintable {
	border:0px;
	cellpadding:0px;
	cellspacing:0px;
	font-size: 100%;
	line-height:120%;
}

.hr	{
	border-bottom: #a7a7a7 dashed 1px;
	padding-top: 4px;
	margin: 0px 20px 0px 20px;
	}

.donuttext{
	font-size: 12px;
	line-height:140%;
	color: #000000;
	padding:5px 2px 10px 10px;
}

.donuttext a {
color:#e39445;
}

.donuttext a:hover {
color: #ff0000;
text-decoration: none;
}

.donuttext ul{
	margin: 3px 0 0 -15px !important; margin: 3px 0 0 15px;
	padding-left: 30px !important; padding-left: 0;
	}

.donutpowered {
	text-align:center;
	line-height:120%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.donutpowered a {
	color: #e39445;
}

.donutpowered a:hover {
	color: #ff0000;
	text-decoration: none;
}


.thumbnails ul li {
	float: left;
	margin:0px 0px 1px 5px;
	list-style-type: none;
}
.thumbnails ul li img{
	border:1px solid #10b4af;
	padding:0px;
	width:32px;
	height:32px;
	margin:0px 42px 1px -42px;
}
.thumbnails ul li a:hover img{ 
	border:1px solid #ff0000;
}

.worksside {
	height:145px;
	width:170px;
	margin-left:8px;
	font-size:10px;
	line-height:100%;
	text-align:center;
}

.worksside a {
	line-height:100%;
}
