@charset "euc-jp"; /* 文字コードEUC */

body{
	margin: 0;
	padding: 0;
	background: url(/dol/image/back.jpg) #442918;
}

/* indexCont */

.style5 {color: #333333}
.text12{
	font-size: 12px;
	padding: 10px 20px 0px 20px;
}
.text12main{
	font-size: 12px;
	padding: 0 10px 0px 0px;
}
.index_img_line{
	width: 513px;
	margin: 0 auto;
	text-align: center;
	
}

#ContBox2{
	width: 552px;
	height: auto;
	margin: 20px auto 0 auto;
	background: url(/dol/developer/image/ud/header_back.jpg) #fff top center no-repeat;
}

.IndexLineBox{
	width: 552px;
	background: url(/dol/developer/image/ud/back_line.jpg) top center repeat-y;
}

.IndexMarginBox{
	width: 460px;
	margin: 0 auto;
	text-align: left;
}




#pageBox{
	width: 807px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background: url(/dol/navi_image/frame_r4_c1.jpg) #fff top center repeat-y;
}

#leftBox{
	width:180px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

#leftBox iframe {
	width:180px;
	height:800px;
	border:none;
	font-family:'ＭＳ Ｐゴシック',ＭＳ ゴシック,sans-serif;
}


#rightBox{
	width: 550px;
	height:auto;
	float: left;
	margin-left: 10px;
}


.text11pink {
	font-size: 11px;
	line-height: 140%;
	color: #CC3399;
}
.text11table {
	font-size: 11px;
	line-height: 140%;
	color: #663300;
}
a {color: #555555; text-decoration: none; }
a.uline {color: #555555; text-decoration: underline; }
a:hover {color: #883300; text-decoration: none;}

font {font-size: 12px;}
strong{font-weight: bold;}
.text14 {font-size: 14px;}

p.attention {
	font-size: 12px;
	margin: 10px 0 30px 25px; 
}
.cont_bg{
	width: 552px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background:url(/dol/developer/image/0311_img/back.jpg) top center repeat-y;
	color: #666;
	font-size: 12px;
	line-height: 1.5;
}
.day_data{
	width: 480px;
	color: #663300;
	font-weight: bold;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 10px;
}

.txt_box{
	width: 480px;
	margin: 0 auto;
	text-align: left;
}
.end_txt{padding-top: 50px;}
.by_delfin{width: 480px; text-align: right; margin: 0 auto; padding-top: 15px;}
h1{margin: 0; padding: 0;}
h2{
	width: 98%;
	text-align: left;
	padding: 8px 0;
	color: #663300;
	font-weight: bold;
	border-top: dotted 1px #666;
	border-bottom: dotted 1px #666;
	margin: 20px 0 5px 0;
}

.txt_box a:link { color: #555; text-decoration: underline;}
.txt_box a:visited { color: #555; }
.txt_box a:hover { color: #663300; text-decoration: none;}
.txt_box a:active { color: #555; }

.old_day{
	width: 480px;
	text-align: right;
	margin: 0 auto;
	margin-top: 15px;
	border-top: dotted 1px #666;
	padding-top: 10px;
}

.old_day a:link { color: #cc0000; text-decoration: none;}
.old_day a:visited { color: #cc0000; }
.old_day a:hover { color: #663300; text-decoration: underline;}
.old_day a:active { color: #cc0000; }

table.basic{
	border-collapse: collapse;
	border-color: #663300;
}
table.basic th{
	background-color: #EACF9A;
	border-color: #663300;
	font-weight: bold;
	color: #663300;
	padding: 3px ;
}
table.basic td{
	background-color: #F7F1D9;
	border-color: #663300;
	vertical-align: top;
	color: #663300;
	padding: 3px ;
}
table.basic td.title{
	background-color: #F1E4C1;
	border-color: #663300;
	color: #663300;
	padding: 3px ;
}

/*
---------------------------------------------------------------- */

.clearBox{
	clear: both;
}

.clearBox hr{
	display: none;
}

a {color:#CC0000;}
a:hover {color: #ff0000;}
font {font-size: 12px;}

/* topへ戻るボタン */

#pageUp{
		float: right;
}


#pageUp a{
	background: url(/dol/image/up.gif);
	width: 17px;
	height: 16px;
	display: block;
}

#pageUp a:hover{
	background: url(/dol/image/upr.gif);
	width: 17px;
	height: 16px;
	display: block;
}

#pageUp strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}




/* garally */


.garally {
	background:url(/dol/developer/image/ud/common/ud_ImgBg.jpg) top center no-repeat;
	height:274px;
	width:362px;
	margin:0 auto;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
}


.g_cont {
}

.controls {
	margin-top:-25px;
	margin-left:5px;
}

.controls a {
	height:15px;
	width:15px;
	background:#933;
	border:#fff;
	display:block;
	z-index:1000;
	float:left;
	border:#fff solid 1px;
	margin-left:5px;
}

.controls a:hover {
	background:#ccc;
	color:#000;
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	height:264px;
	width:352px;
	overflow: hidden;
}
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	height:264px;
	width:352px;
	overflow:hidden;
	float:left;
}
div.scroller div.content {
	width: 10000px;
}