@charset "UTF-8";
/* CSS Document */

/****************************************
		1.  Main
*****************************************/
ul#portfolio {
}
h2 {
	display:block;
	text-decoration:none;
	background:#fff url(../img/title_460px.jpg) repeat left top;
	color:#fff;
	font-weight:bold;
	margin-top: 10px;
	padding:5px 5px 4px 10px;
}
.box_460 {
	background-image: url(../img/contents_back.gif);
	background-repeat: repeat;
	padding:5px 10px;
}

.box_460_white {
	background-image: url(../otoiawase/images/title_460px_w03.jpg);
	background-repeat: repeat;
	padding:10px 10px 0px 10px;
}

.be_j_title {
	display:block;
	text-decoration:none;
	background:#fff url(../img/be_j_title_460px.jpg) repeat left top;
	color:#fff;
	font-weight:bold;
	margin-top: 10px;
	padding:5px 5px 4px 10px;
}
.be_j_box_460 {
	background-image: url(../img/be_j_contents_back.jpg);
	background-repeat: repeat;
	padding:5px 10px;
}

table.schedule td, th {
	padding: 5px 0 5px 0;
	font-size: 90%;
	line-height: 125%
}

h4 {
	width: 425px;
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	color: #336699;
	margin: 5px 0 5px 0;
} 

.schedule_box {
	width: 125px;
	padding: 5px 5px 5px 5px;
	background-color: #5087C7;
	color: #ffffff;
	margin-bottom: 5px;
} 

.schedule_box02 {
	width: 125px;
	padding: 5px 5px 5px 5px;
	background-color: #333333;
	color: #ffffff;
	margin-bottom: 5px;
}

.schedule_box03 {
	width: 125px;
	padding: 5px 5px 5px 5px;
	background-color: #009d85;
	color: #ffffff;
	margin-bottom: 5px;
}

.box_720 {
	background-image: url(../img/title_720px02.jpg);
	background-repeat: repeat;
	padding:5px 10px 0 10px;
}

.title_720 {
	display:block;
	text-decoration:none;
	background:#fff url(../img/title_720px.jpg) repeat left top;
	color:#fff;
	font-weight:bold;
	padding:5px 5px 4px 10px;
} 

/****************************************
		2.  Side
*****************************************/
h5 {
	display:block;
	text-decoration:none;
	background:#fff url(../img/title_250px.jpg) repeat left top;
	color:#fff;
	font-weight:bold;
	margin-top: 10px;
	padding:5px 5px 4px 10px;
}
.sidebox_01 {
	background-image: url(../img/title_250px03.jpg);
	background-repeat: repeat;
	padding:5px 10px;
}
.sidebox_02 {
	background-image: url(../img/contents_back.gif);
	background-repeat: repeat;
	padding:5px 10px;
}

/****************************************
		3.  sarch box
*****************************************/
#srchBox{
	width:338px;
	_width:296px;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#0068b7;
	text-align : left ;
	margin-top:15px;
}

#srchBox *{
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
}
#srchBox a img{
	border:none;
}
#srchBox #srch{
	padding:10px 10px 0 10px;
}
#srchBox #srch #srchForm{
	white-space:nowrap;
}
#srchBox #srchInput{
	width:188px;
	margin-right:6px;
	vertical-align:bottom;
}
#srchBox #srchBtn{
	width:120px;
}
*html #srchBox #srchBtn{
	padding-top:2px;
}
*:first-child+html #srchBox #srchBtn{
	padding-top:2px;
}
#srchBox ul{
	margin-top:6px;
	text-align:left;
}
#srchBox li{
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
}
#srchBox li input{
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
}
*:+html #srchBox li input{
	margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo{
	margin:6px 6px 6px 0;
	text-align:right;
}
#srchBox #srchLogo a{
	color:#666666;
	text-decoration:none;
	font-size:85%;
}
#srchBox #srchLogo a:hover{
	text-decoration:underline;
}
#srchBox.watermark{
	padding-bottom: 6px;
}
#srchBox.watermark #srchInput{
	padding:1px 1px 2px 1px;
	border:1px solid #a5acb2;
	background: url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark{
	background: none;
}
#srchBox.watermark #srchLogo{
	display: none;
}