html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

body
{
	background:#fff url("../img/body.gif") repeat-y 50% 0;
	text-align:center;
}

A:link {
	color:#F36;
	text-decoration:underline
}
A:visited {color:#F36;text-decoration:underline}
A:hover {color:#F66;text-decoration:none}


#pagewidth{ 
 width:800px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
	position:relative;
	height:77px;
	width:100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
} 

#twocol{
	width:100%;
	float:right;
	position:relative;
/*	background-image: url(img/background.jpg);*/
	background-repeat: no-repeat;
	background-position: top;
}

#photo_main{
 width:100%;
 height:600px;
}
#photo_main2{
 width:100%;
}
div#chikuwakun_index_msg {
	padding: 0px 50px 0px 80px;
	margin: 0 auto 10px auto;
	line-height: 140%;
	background-image: url(../img/sakura_bg.gif);
	width: 600px;
	font-size:15px;
	background-repeat: no-repeat;
}
div#chikuwakun_index_msg2 {
	padding: 10px 90px 0px 90px;
	margin: 0 auto 10px auto;
	line-height: 140%;
	background-image: url(../img/sakura_bg2.gif);
	width: 600px;
	height:92px;
	font-size:15px;
	background-repeat: no-repeat;
}


#maintitle{
 width:100%;
}

#navi{
 width:100%;
 height:40px;
 text-align:center;
}

#navi_index{
 width:100%;
 height:40px;
}

#navi_new{
 width:800px;
}

#navi_new ul {
	margin: 0px;
	padding: 0px;
	line-height:0;
}

#navi_new li {
	padding: 0px;
	float: left;
	list-style-type: none;
}
#navi_new li.a {
	margin: 0 0 0 15px;
}
#navi_new li.b {
	margin: 0 0 0 15px;
}
#navi_new li.c {
	margin: 0 0 0 100px;
}


#entrycol{
	width:780px;
	margin:10px auto;
}

#center_ue{
background:url(../img/center_ue.gif) no-repeat 0 0  ;
height:10px;
width:780px;
overflow:hidden; 
}

#center_center{
	width:780px;
	background-color: #FFF;
}

#center_center .attention{
	margin:10px auto;
	font-size:12px;
	line-height: 150%;
	width: 650px;
}


#center_center .attention .waku{
	padding: 5px;
	border: 2px solid #C00;
}

#center_center .attention .explan_title{
	background-color: #FCC;
	padding:3px 3px 3px 5px;
	margin:3px 0 5px 0;
	font-weight:bold;
	color: #930;
}

.photo_entry_form{
	font-size:16px;
}

.omedeto{
	font-size:20px;
	text-align:center;
	margin:0 auto;
	padding:5px 0;
	font-weight:bold;
	color:#F06;
}

#kado {
	margin: 0px auto;
	width:650px;
	font-size:12px;
	line-height: 150%;
}

#kado_top{
background:url(../img/kado_top.gif) no-repeat 0 0  ;
height:17px;
width:650px;
}

#kado_side{
background:url(../img/kado_body.gif) repeat-y 0 0;
width:650px;
}

#kado_side p{
margin:0 20px 0 20px;
font-size:15px;
text-align:left;
}

#kado_side .privacy{
	font-size:12px;
	background-color: #F2F2F2;
	margin:5px auto;
	padding: 5px;
	width: 90%;
	border: 1px solid #999;
}
#kado_side .attention{
	font-size:12px;
	margin:10px auto;
	padding:10px 0 0 0;
	width: 80%;
	color:#C00;
	border-top:1px solid #999;
}

#kado_side ul{
	margin:0;
	padding:0;
}

#kado_side li{
	margin:0 0 0 15px;
	padding:0;
	list-style-position: outside;
	list-style-type: disc;
}

#kado_bottom{
clear:both;
background:url(../img/kado_footer.gif) no-repeat 0 0;
height:15px;
width:650px;
}


#center_center p{
margin:0 10px 0 10px;
}

#center_sita{
background:url(../img/center_sita.gif) no-repeat 0 0  ;
height:10px;
width:780px;
}

 
#maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
 margin:5px 10px 10px 10px;
 width:580px; 
 }

#left_ue{
background:url(../img/left_ue.gif) no-repeat 0 0  ;
height:10px;
width:580px;
overflow:hidden; 
}

#left_center{
	width:560px;
	height:1050px;
	background-color: #FFF;
	padding:0 10px 10px 10px;
}

#left_center p{
margin:0 10px 0 10px;
}

#left_sita{
background:url(../img/left_sita.gif) no-repeat 0 0  ;
height:10px;
width:580px;
}

#rightcol{
 width:180px; 
 float:right; 
 position:relative; 
 margin:5px 10px 10px 0;
 }

#right_ue{
background:url(../img/right_ue.gif) no-repeat 0 0  ;
height:10px;
width:180px;
overflow:hidden; 
}

#right_center{
 width:180px;
 background-color: #FFF;
}
#right_ranking{
	margin:0 10px 0px 10px;
	font-size:14px;
	line-height: 180%; 
}
#right_ranking img{
 vertical-align: middle;
 padding-right:5px;
}
#right_mobile{
	text-align:center;
	font-size:14px;
	line-height: 180%; 
}
#right_mobile img{
	margin:5px;
}
#right_prezent{
	text-align:center;
	}

#right_center p{
margin:0 10px 0 10px;
}

#right_sita{
background:url(../img/right_sita.gif) no-repeat 0 0  ;
height:10px;
width:180px;
position: relative;
}

#photo_list{
	width:560px;
}
.photo_list01{
	width:185px;
	height:730px;
	float:left;
	background-color:#FFC;
}
.photo_list02{
	width:185px;
	height:730px;
	float:left;
	background-color:#E6F9FF;
}
.photo_list03{
	width:185px;
	height:730px;
	float:left;
	background-color:#FFF0F0;
}
#photo_item{
	text-align:center;
	font-size:12px;
	width:185px;
	height:210px;
	float:left;
	line-height:150%;
}
.f_left{
	float:left;
}
#photo_item img{
	margin:5px 5px 2px 5px;
	border:none;
}


#nextback{
	width:560px;
	height:40px;
	margin:10px auto;
	text-align:center;
	font-size:18px;
}
#nextback img{
	vertical-align: middle;
	padding:0 10px 0 10px;
}



#photo_details{
 width:520px;
 text-align:center;
 margin:5px auto;
}	
#photo_details .date{
	font-size:small;
	text-align:left;
}

#photo_details p{
 text-align:center;
 line-height: 150%;
 margin:10px 0 0 0;
}
#photo_details .title{
	font-size:18px;
	text-align:center;
	line-height: 200%;
	font-weight:bold;
	color:#F06;
}
#photo_details .name{
	line-height: 200%;
	text-align:right;
	font-size:small;
}


#footer{
	height:40px;
	text-align:center;
	font-size:12px;
	padding:15px;
	clear:both;
	line-height: 150%;
	background-image: url(../img/MenuRecipeBack.png);
	background-repeat: repeat-x;
	background-position: top;
 } 
 

 
 /* *** Float containers fix:
.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 */