﻿/*
Theme Name: 3カラムのデザイン
Theme URI: http://bluedb.org
Description: simplest 3 column theme
Version: 1.0
Author:  bluedb.org
Author URI: http://bluedb.org/

This theme is for education purpose.

*/
.clearfix::after{
	content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
	display: inline-block;
}

/* Hides from IE-mac \*/ * html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
} /* End hide from IE-mac */

a:link{
	color: #949494;
	text-decoration: none;
}
a:visited{
	color: #949494;
	text-decoration: none;
}
a:hover{
	color: #CCCCCC;
	text-decoration: none;
}
a:active{
	color: #CCCCCC;
	text-decoration: none;
}
body{
	background-image : url("../(URL)");
	margin: 0px;
	padding: 0px;
}
#page{
	font-size: 12px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 50px;
	border-left-width: 50px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #121742;
	border-left-color: #121742;
	padding-right: 2px;
	padding-left: 2px;
	margin-top: 25px;
	color: #121742;
}

#header{
	float: none;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #121742;
	border-left-color: #121742;
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 12px;
}
#header h1{
	margin: 0px;
	position: absolute;
	left: -9999px;
	top: -9999px;
}
#header .description{
	font-size: 10px;
	text-align: center;
	line-height: 10px;
	padding-bottom: 12px;
}
.description h2{
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 10px;
}



#body{
	width: 764px;
	margin: 0px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #121742;
	border-left-color: #121742;
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#sidebar{
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
}
#content{
	float: right;
	margin: 0px;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 36px;
	padding-left: 0px;
}
#popup h1,
#content h1{
	background-image : url(content-title-bg.jpg);
	height: 16px;
	width: 584px;
	font-size: 16px;
	line-height: 16px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 16px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	letter-spacing: 4px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}
#popup h2,
#content h2{
	font-size: 14px;
	color: #990000;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #990000;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	letter-spacing: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image : url(h2-bg.gif);
	background-repeat: repeat-x;
}
#content .tableStyle1 h3{
	font-size: 12px;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #121742;
}



#sidebar-right{
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
}
#sidebar ul,
#sidebar-right ul{
	width: 150px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#sidebar li,
#sidebar-right li{
	list-style-type: none;
	height: 32px;
	width: 150px;
}

#sidebar #logo{
	padding-top: 8px;
	padding-left: 8px;
	height: 46px;
	width: 100px;
	padding-bottom: 26px;
}


/* index.php post*/

#content .post {
}
#content .post .entry{
	background-color: #FFFFFF;
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	margin-top: 12px;
}
#content .post h2{
	margin-bottom: 5px;
}


#footer{
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #121742;
	border-left-color: #121742;
	padding-right: 16px;
	padding-left: 16px;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #121742;
}
#footer .box{
	height: 45px;
	padding-top: 5px;
}

#footer #link{
	float: left;
	width: 300px;
	font-size: 10px;
	color: #949494;
	line-height: 15px;
}
#footer #copy{
	text-align: right;
	float: right;
	width: 100px;
	font-size: 10px;
	color: #949494;
	line-height: 15px;
}
#footer #address{
	font-size: 10px;
	color: #949494;
	width: 260px;
	float: right;
	text-align: right;
	line-height: 15px;
}

#popup{
	font-size: 12px;
	line-height: 18px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;

}


#comment{
	width:470px;
}

.widgettitle{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
li#calendar{
	list-style-type: none;
}


/* Begin Calendar */

#wp-calendar{
	empty-cells: show;
	margin: 5px auto 0;
	width: 135px;
	}

#wp-calendar #next a{
	padding-right: 5px;
	text-align: right;
	}

#wp-calendar #prev a{
	padding-left: 5px;
	text-align: left;
	}

#wp-calendar a{
	display: block;
	}

#wp-calendar caption{
	text-align: center;
	width: 100%;
	}

#wp-calendar td{
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover{
	 /* Doesn't work in IE */
	background-color: #fff;
}
/* End Calendar */

/* search Form */
#searchform{
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	float: none;
	font-size: 12px;
}

#searchform #s{
	width: 60px;
	padding: 0px;
	border: 1px solid #666666;
}

#searchsubmit{
	padding: 0px;
	margin: 0px;
	border: 1px solid #666666;
	font-size: 10px;
}
/* End search Form */
.bothClear{
	clear: both;
	margin: 0px;
	padding: 0px;
}
.tableStyle1 th{
	font-weight: normal;
	width: 153px;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
	padding-left: 7px;
	color: #121742;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #121742;
	font-size: 12px;
	line-height: 18px;
}
.tableStyle1 td{
	color: #121742;
	padding-top: 3px;
	padding-bottom: 18px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #121742;
	font-size: 12px;
	line-height: 18px;
}
.tableStyle1{
	margin-bottom: 20px;
}

#idxFlash{
	height: 310px;
	width: 710px;
	border: 1px solid #121742;
	background-color: #e6e6e6;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#idxFlash .box{
	height: 300px;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#idxMenu{
	width: 701px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 12px;
}
#idxMenu ul{
	margin: 0px;
	padding: 0px;
}
#idxMenu li{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 30px;
	width: 100px;
	overflow: hidden;
}
.description .box1{
	padding-left: 55px;
	float: left;
	width: 101px;
}
.description .box2{
	float: left;
	width: 580px;
	margin-left: 12px;
}

.description .box2 h1{
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.description .box2 h1::first-line{
	font-size: 12px;
	line-height: 21px;
	color: #990000;
	font-weight: bold;
	background-image : url(idx-description-bg.gif);
	background-repeat: repeat-x;
}
#albam{
	padding-bottom: 20px;
	width: 598px;
	padding-top: 20px;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #121742;
}
#albam td{
	padding: 2px;
	height: 102px;
	width: 139px;
	border: 1px solid #121742;
}


.pagetop{
	text-align: right;
	padding-top: 12px;
	padding-bottom: 24px;
	clear: both;
}
#hoken p{
	font-size: 12px;
	line-height: 18px;
}
#mapbox{
	width: 420px;
	text-align: right;
	padding-top: 5px;
}
.formDesc img{
	border: 2px solid #404040;
}
.formDesc p{
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
.formDesc a:link{
	color: #000066;
}
.formDesc a:visited{
	color: #000066;
}
.formDesc a:hover{
	color: #cccccc;
}
.formDesc a:active{
	color: #cccccc;
}



.tableStyle1 .input375px{
	width: 375px;
}
.tableStyle1 .input75px{
	width: 75px;
}
.tableStyle1 .input75px,
.tableStyle1 .input375px,
.tableStyle1 .select,
.tableStyle1 .inputHowOld{
	background-color: #EEEEEE;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #545454;
	border-left-color: #545454;
}
.tableStyle1 .inputHowOld{
	text-align: right;
	width: 50px;
}

.tableStyle1 .btn{
	background-color: #EEEEEE;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #545454;
	border-bottom-color: #545454;
	width: 145px;
}
.sysBox{
	padding-bottom: 38px;
	padding-top: 5px;
}

.sysBox img{
	border: 2px solid #404040;
}
.sysBox p{
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
#linkTbl a:link{
	color: #121742;
}
#linkTbl a:visited{
	color: #121742;
}
#linkTbl a:hover{
	color: #cccccc;
}
#linkTbl a:active{
	color: #cccccc;
}
.tableStyle1 .inlineTB td{
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#information{
	padding: 5px;
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 18px;
	color: #121742;
	border: 1px solid #121742;
}
#information p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
