/* ■■■■■■ 基本設定 ■■■■■■ */

html,body,#wrapper{
	height: 100%;
}
html{
	padding:0px;
	margin: 0px;
}
body{
	width: 795px;
	padding:0px;
	margin: 0px auto;
	background: #FFFFFF url(../images/bg_white.gif) repeat-y center;

}
/* ■■■■■■ タグの設定 ■■■■■■ */
h1{
	display: none;
}

/* ■■■■■■ IDの設定 ■■■■■■ */
#wrapper {
	width: 100%;
	position: relative;
	background: #FFFFFF url(../images/bg_white.gif) repeat-y center;
}
#header,#main_ph,#pulldown_menu,#footer{
	width: 795px;/* ←横幅 */
	margin: 0px auto;/* ←左右中央表示 */

}
#header{
	height: 108px;
	background: url(../images/header.jpg) no-repeat;
}
#main_ph{
	height: 254px;
	background: url(../images/main_img_bg.jpg) no-repeat;
	text-align: left;
}
#new_banner{
	width: 745px;
	height: 160px;
	clear: both;
	margin: 10px auto;
}
#news{
	width: 510px;
	float: left;
	padding-right: 15px;
	padding-left: 25px;
	color: #333333;
	font-size: 12px;
	line-height: 140%;
}

#news table td.title {
	height: 44px;
	background: url(/img/top/whatsnew.gif) -2px 10px no-repeat;
	}

#news table td.title h2 {
	float: left;
	height: 44px;
	line-height: 56px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 32px;
	font-size: 13px;
	color: #666666;
	}	

#news table td.title img {
	float: right;
	margin: 0 0 0 0;
	vertical-align: top;
	}

#side_banner{
	width: 220px;
	float: left;
	margin-bottom: 15px;
}
#footer{
	text-align: center;
	margin: 0px auto;
}

/* ■■■■■■ トップメイン画像 ■■■■■■ */

#main_ph ul{
	margin: 0px;
	padding: 15px 0px 0px 60px;
}
#main_ph li{
	list-style-type: none;
}
#main_ph img{
	border: none;
}

/* ■■■■■■ プルダウンメニューの設定 ■■■■■■ */
#pulldown_menu{
	background: url(../images/menubar_bg.gif) no-repeat;
	height: 35px;
}
/* ナビゲーション */
#navi_continer {
	margin: 0px;
	padding: 0px;
	width: 795px;
	height: 35px;
	position: relative;
	z-index:100;
}

#navi {
	width: 700px;
	margin: 0px auto;
	position: absolute;
	left: 50px;
}

#navi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#navi li {
	float: left;
	width: 140px;
	margin: 0px;
	padding: 0px;
}

#navi li a {
	display: block;
	width: 140px;
}
#navi li img {
	border: none;
	margin: 0px;
	padding: 0px;
}

/* サブメニュー */
#navi ul.sub {
	background-color: #333333;
}

#navi ul.sub li {
	float: none;
	line-height: 140%;
	font-size: 12px;
	border-left:solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	width: 138px;
}

#navi ul.sub li a {
	color: #FFFFFF;
	background: url(../images/menu_cursol.gif) no-repeat 4px 8px;
	width: 108px;
	display: block;
	padding: 5px 10px 5px 20px;
}

#navi ul.sub li a:hover {
	background: url(../images/menu_cursol.gif) no-repeat 6px 8px;
}

#navi ul li.navi_menu ul {
	display: none;
}

#navi ul li.navi_menu_on ul {
	display: block;
}
/* ■■■■■■ What's newの設定 ■■■■■■ */
.wn_last{
	font-size:10px;
	color: #666666;
	line-height: 20px;
}
.wn_square{
	color: #FF6666
}

/* ■■■■■■ サイドメニューの設定 ■■■■■■ */
#side_banner img{
	margin-bottom: 5px;
}

/* ■■■■■■ 今月のコラム設定 ■■■■■■ */
.column{
	background: url(../images/column_midashi.jpg) no-repeat;
	width: 198px;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	border: 1px dotted #FFCC00;
	margin: 0px 0px 5px 0px;
	padding: 60px 10px 10px 10px;
}
.column img{
	margin: 5px 8px 5px 0px;
	float: left;
	border: 1px solid #CCCCCC;
}
.column a{
	background: url(../images/column_arrow.gif) no-repeat;
	padding-left: 20px;

}
/* ■■■■■■ フッターの設定 ■■■■■■ */
#footer p{
	color: #333333;
	line-height: 180%;
	margin: 10px;
	font-size:12px;
	clear: both;
}




img{
border:0;}
