@charset "UTF-8";

*
{
	margin: 0;
	padding: 0;
}

/*ページ全体*/

body{
	background-color:#FFFFFF;
	font-size:1em;
	font-style:normal;
	text-align:center;
	color:#444444;
}

h1{
	width:740px;
	height:100px;
}

h2{
	width:525px;
	height:35px;
}

h3{
	font-size:1em;
	font-style:normal strong;
	padding-bottom:5px;
}

a {   
	text-decoration:underline;   
}   
a:link {   
    color:#FF7700;   
}   
a:visited {   
    color:#FF7700;   
}   
a:hover { 
	color:#FF7700;
    text-decoration:underline;   
}   
a:active {   
    color:#FF7700C;   
}  

	
#page {   
    width:740px;   
    margin:0 auto;
	text-align:left;
}  

ul{
	margin:10px;
}

li{
	margin:5;
}


/*ヘッダー*/

#head{
	width:740px;
	height:100px;
	background:url(images/title_bg.gif) repeat-x;
}

/*レイアウト*/

#container{
	width:740px;
}

#layout_left {
	width:525px;
	float:left;
	padding-top:30px;
}

#layout_right {
	width:215px;
	float:right;
	padding-top:30px;
	text-align:right;
}



/*フラッシュ*/
#flash{
	width:525px;
	height:300px;
	padding-bottom:15px;
}


/*ギャラリーおふらいん*/

#contents01{
	width:525px;
	padding:10px 0 10px 0;
	}

#con01_body{
	width:525px;
	/*height:230px;*/
	padding:10px 0 10px 0;
}

#con01_txt{
	width:265px;
	float:right;
	font-size:80%;
	line-height:16px;
}

#con01_img{
	width:250px;
	height:200px;
	float:left;
	border:1px #555555 solid;

}

#con01_body{zoom:100%;}
#con01_body:after{content: "";clear: both;height:
0;display:block;visibility: hidden;}

#bn{
	width:105px;
	float:right;
	text-align:right;
	background:url(images/bn_icon.gif) no-repeat;
	margin:5px 0 5px 0;
	font-size:12px;
}

/*カテゴリー＆ブログリスト*/

#contents02{
	width:525px;
	padding:10px 0 10px 0;
	}
	
#con02_body{
	width:525px;
	padding:10px 0 10px 0;
}

#con02_l{
	width:255px;
	float:left;
	font-size:80%;
	line-height:16px;
}

#con02_r{
	width:255px;
	float:right;
	font-size:80%;
	line-height:16px;
}

.category{
	clear: both; 
	margin:3px 0 5px 0;
}

/*お問い合わせ*/

#contents03{
	clear:both;
	width:525px;
	padding:10px 0 10px 0;
	font-size:70%;
	}
	
/*PR*/

#banner{
	float:right;
	width:185px;
	margin:0 0 20px 0;
}

#pr_title{
	text-align:center;
	font-size:80%;
	line-height:110%;
	border-top: 1px #999999 solid; 
	border-bottom: 1px #999999 solid; 
}

.pr{
	width:185px;
	height:50px;
	padding:5px 0px 5px 0px;
}

/*人気ランキング*/

#runking{
	width:185px;
	font-size:70%;
	line-height:110%;
	float:right;
	text-align:left;
	border:1px #999999 solid;
	margin:0 0 20px 0;
}
#runking_title{
	width:185px;
	margin:0 0 10px 0;
}

#runking01{
	background:url(images/01.gif) no-repeat;
	margin:10px;
	padding:5px 5px 5px 25px;
}

#runking02{
	background:url(images/02.gif) no-repeat;
	margin:10px;
	padding:5px 5px 5px 25px;
}

#runking03{
	background:url(images/03.gif) no-repeat;
	margin:10px;
	padding:5px 5px 5px 25px;
}

#runking04{
	background:url(images/04.gif) no-repeat;
	margin:10px;
	padding:0px 5px 0px 25px;
}

#runking05{
	background:url(images/05.gif) no-repeat;
	margin:10px;
	padding:0px 5px 0px 25px;
}

#runking06{
	background:url(images/06.gif) no-repeat;
	margin:10px;
	padding:0px 5px 0px 25px;
}

#runking07{
	background:url(images/07.gif) no-repeat;
	margin:10px;
	padding:0px 5px 0px 25px;
}

#runking08{
	background:url(images/08.gif) no-repeat;
	margin:10px;
	padding:0px 5px 0px 25px;
}

#runking09{
	background:url(images/09.gif) no-repeat;
	margin:10px;
	padding:0px 5px 0px 25px;
}

#runking10{
	background:url(images/10.gif) no-repeat;
	margin:10px;
	padding:0px 5px 0px 25px;
}

/*最近の記事*/

#whats_new{
	width:185px;
	font-size:70%;
	line-height:130%;
	float:right;
	text-align:left;
	border:1px #999999 solid;
	margin:0 0 20px 0;
}

#whats_body{
	width:175px;
	padding:0 10px 0 10px;
}

.square{
	list-style-image:url(images/icon.gif);
}

#whats_title{
	width:185px;
}



/*フッター*/
#footer{
	clear:both;
	width:740px;
	font-size:70%;
	text-align:center;
	padding:20px 0 20px 0;
	background:url(images/footer_line.gif) no-repeat 100% 0;
}