/*
Theme Name: KOSODATE-HOME
Theme URI: http://www.kosodate-home.com/
Description: KOSODATE-HOME
Author: HIROMI.TAKENAGA
*/

@import url("style2.css");

/* all */

body	{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	background-color: #FFFFFF;
	}
#body-box {
	width: 900px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
	
hr {
	display: none;
}
a {
	color: #67840D;
	text-decoration: none;
}
a:hover {
	color: #9CD00B;
	text-decoration: underline;
}

#contents-box {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#main {
	float: left;
	width: 480px;
	padding-top: 6px;
	margin-left: 10px;
}
#left {
	width: 200px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#right {
	float: right;
	width: 200px;
	padding-top: 6px;
}

/* header */

#header {
	height: 90px;
}
#header h1 {
	float: left;
	padding: 0px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header h1 a {
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 280px;
	margin: 0px;
	padding: 0px;
}

#header-navi {
	float: right;
	width: 500px;
	margin-top: 55px;
}


/* left */

#left h3 {
	background-image: url(images/search.jpg);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 200px;
	background-repeat: no-repeat;
}
#left h4 {
	margin: 0px;
	padding: 0px;
}
#left #other a{
	background-image: url(images/other-search.jpg);
	height: 80px;
	width: 200px;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	margin-top: 10px;
}
#left ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#left ul  li {
	background-image: url(images/arrow01.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height: 250%;
	margin: 0px;
}
#left #banner-box {
	margin-top: 10px;
}
#left #banner-box p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#left #fukui-s {
	background-image: url(images/fukui-search.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 200px;
	margin-top: 10px;
	text-indent: -9999px;
}
#left #sabae-s {
	background-image: url(images/sabae-search.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 200px;
	margin-top: 10px;
	text-indent: -9999px;
}
#left #keitai-s {
	background-image: url(images/keitai-search.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 200px;
	margin-top: 10px;
	text-indent: -9999px;
}

/* top */

#body-box #eye {
	background-image: url(images/eye.jpg);
	background-repeat: no-repeat;
	height: 235px;
	width: 900px;
}
#eye h2 {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
#header-navi p {
	float: left;
	margin-left: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#header #eye h2 {
	margin: 0px;
	padding: 0px;
}


#main h3 {
	background-image: url(images/bukken-h.jpg);
	padding: 0px;
	height: 26px;
	width: 480px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#main h4 {
	padding: 0px;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#main #custombox1 {
	margin-bottom: 5px;
}

.port_box {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 0px;
	height: 100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.port_box .port_left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 120px;
}
.port_box .port_right {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 350px;
}
.port_box .port_right p {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
.port_box .port_right a {
	text-decoration: none;
}

/* right */

#r-aboutbox h3 {
	background-image: url(images/about-h.jpg);
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 200px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#r-blogbox h3 {
	background-image: url(images/blog-h.jpg);
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 200px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#r-staffbox h3 {
	background-image: url(images/staff-h.jpg);
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 200px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#r-outlinebox h3 {
	background-image: url(images/annai-h.jpg);
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 200px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#right h3 {
	padding-bottom: 10px;
}
#right h4 {
	margin: 0px;
	padding: 0px;
}
#right .rbox {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#right .rbox p {
	margin: 0px;
	padding: 0px;
}
#right .rbox img {
	float: left;
	padding-right: 10px;
}
#right .blog-box-in {
	padding-top: 10px;
}
#right .blog-box-in h4 {
	margin: 0px;
	padding: 0px;
}
#right #readblog {
	padding-top: 5px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}
#right .blog-box-in ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#right #outline-in {
	background-image: url(images/annai-img.jpg);
	background-repeat: no-repeat;
}

/* footer */

#footer {
	background-image: url(images/footer-back.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#footer #footer-in {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
#footer-in #footer-l {
	width: 850px;
	float: left;
}
#footer-l address {
	font-style: normal;
}
#footer-in #footer-r {
	float: right;
	width: 45px;
}
#footer-in #footer-r p {
	background-image: url(images/rss.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

/* page */

#page-box {
	width: 690px;
	float: right;
}
#bread {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 10px;
}
#page-box2 {
	float: left;
	width: 480px;
	padding-left: 10px;
}
#page-box h2{
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #67840D;
	color: #67840D;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/green.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 25px;
	height: 25px;
}
#page-box2 h2{
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #67840D;
	color: #67840D;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/green.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 25px;
	height: 25px;
}


/* single */

#custombox2 {
	width: 360px;
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}



#custombox2 dt {
	width: 70px;
	float: left;
	clear: both;
	line-height: 300%;
	background-color: #EEEEEF;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#custombox2 dd {
	line-height: 300%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	width: 260px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#custombox2 dl {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	width: 350px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}
.port_box2 table {
	width: 680px;
	font-size: 10px;
	line-height: 200%;
	padding: 0px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.port_box2 {
	padding-bottom: 20px;
}
.port_box2 th {
	line-height: normal;
	color: #339966;
	width: 95px;
	font-weight: normal;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #e3e3e3;
	font-size: 9px;
	background-color: #EDFFFA;
}

.port_box2 td {
	font-size: 10px;
	line-height: 150%;
	color: #333333;
	padding: 4px;
	border: 1px solid #e3e3e3;
}

#monthsidebar	{
	padding: 10px;
	color: #333333;
	background-color: #D0DAB8;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #AFB49D;
	border-bottom-color: #AFB49D;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

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

#monthsidebar li strong	{
	margin: 0px;
	padding: 0px;
	}
#monthsidebar ul ul {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #A4A992;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#monthsidebar li li	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 180%;
	}

#monthsidebar li li a	{
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}

#monthsidebar li li a:hover	{
	color: #336601;
	text-decoration: underline;
	}
	
#monthsidebar .side-h strong {
	color: #333333;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}