body{
margin:0px;
text-align:center;
}

.space{
width:20px;
float: left;
}

/**/
br.clear{
clear:both;
display:block;
font-size:1px;
line-height:1px;
}

.style1{
font-size:12px;
}

.style2{
font-size:12px;
color: #CC0000;
font-weight: bold;
}

a:link {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #941D55;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}


/**/
h1{
font-size:12px;
}
h1 a{
display:block;
}

h2{
font-size:12px;
font-weight:normal; 
text-align:left; 
color:#333333;
}
h2 a{
display:block;
}

h3{
font-size:12px;
font-weight:normal; 
text-align:left; 
color:#333333;
}




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

/*検索*/
#srchBox
{
width:298px;
_width:296px;
margin-bottom:0px;
background-color:#FFFFFF;
color:#000000;
text-align:left;
}
#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:80px;
}
*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 0px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}

/*メインボックス*/
.all_box{
width:820px;
margin:0px auto;
background-color:#FFFFFF;
}

/*ヘッダ*/
.header{
width:800px;
margin:10px 10px 10px 10px;
text-align:left;
float: left;
}

.header .rogo{
width:800px;
margin:0px 0px 0px 0px;
text-align:left;
float: left;
}

.header .rogo .left{
width:427px;
margin:0px 0px 0px 0px;
text-align:left;
float: left;
}

.header .rogo .right{
width:300px;
margin:0px 0px 0px 0px;
text-align:left;
float: right;
}

.header .h1{
width:800px;
margin:0px 0px 0px 0px;
text-align:left;
float: left;
}

.header .line{
width:800px;
margin:5px 0px 10px 0px;
float: left;
}

.navi_header{
width:800px;
padding:0px 10px 0px 10px;
text-align:left;
float: left;
}

.navi_header .navi_01{
width:101px;
height:26px;
padding:0px 0px 0px 0px;
background:url(http://www.k-ponget.com/img/index/header/navi_01.jpg) no-repeat;
float:left;
}
/* マウスが乗った時 */
.navi_header .navi_01:hover {
background:url(http://www.k-ponget.com/img/index/header/navi_01_on.jpg) no-repeat; /* 画像(on) */
}

.navi_header .navi_02{
width:81px;
height:26px;
padding:0px 0px 0px 0px;
background:url(http://www.k-ponget.com/img/index/header/navi_02.jpg) no-repeat;
float:left;
}
/* マウスが乗った時 */
.navi_header .navi_02:hover {
background:url(http://www.k-ponget.com/img/index/header/navi_02_on.jpg) no-repeat; /* 画像(on) */
}

.navi_header .navi_03{
width:101px;
height:26px;
padding:0px 0px 0px 0px;
background:url(http://www.k-ponget.com/img/index/header/navi_03.jpg) no-repeat;
float:left;
}
/* マウスが乗った時 */
.navi_header .navi_03:hover {
background:url(http://www.k-ponget.com/img/index/header/navi_03_on.jpg) no-repeat; /* 画像(on) */
}

.navi_header .navi_04{
width:121px;
height:26px;
padding:0px 0px 0px 0px;
background:url(http://www.k-ponget.com/img/index/header/navi_04.jpg) no-repeat;
float:left;
}
/* マウスが乗った時 */
.navi_header .navi_04:hover {
background:url(http://www.k-ponget.com/img/index/header/navi_04_on.jpg) no-repeat; /* 画像(on) */
}

.navi_header .navi_05{
width:161px;
height:26px;
padding:0px 0px 0px 0px;
background:url(http://www.k-ponget.com/img/index/header/navi_05.jpg) no-repeat;
float:left;
}
/* マウスが乗った時 */
.navi_header .navi_05:hover {
background:url(http://www.k-ponget.com/img/index/header/navi_05_on.jpg) no-repeat; /* 画像(on) */
}

.navi_header .navi_06{
width:235px;
height:26px;
padding:0px 0px 0px 0px;
background:url(http://www.k-ponget.com/img/index/header/navi_06.jpg) no-repeat;
float:left;
}
/* マウスが乗った時 */
.navi_header .navi_06:hover {
background:url(http://www.k-ponget.com/img/index/header/navi_06_on.jpg) no-repeat; /* 画像(on) */
}


/*footer*/
.footer{
width:800px;
margin:20px 10px 20px 10px;
}

.footer .cyui{
width:790;
padding:10px 15px 10px 15px;
font-size:12px;
text-align:left;
line-height:150%; 
color:#333333;
}

.footer .cyui_01{
width:790;
padding:0px 15px 0px 15px;
font-size:12px;
text-align:left;
color:#333333;
}

.footer .footer_navi{
width:790px;
height:10px;
padding:10px 5px 10px 5px;
border-top: 2px #FF6600 solid;
text-align:left; 
}

.footer .footer_navi .footer_text{
width:auto;
float: left;
margin:0px 10px 0px 0px;
font-size:12px;
text-align:left; 
color:#333333;
}

.footer .copyright{
width:790px;
height:10px;
padding:10px 5px 10px 5px;
text-align:center;
}

.footer .copyright .footer_text{
width:auto;
float: center;
margin:0px 10px 0px 0px;
font-size:12px;
color:#333333;
}

/*------------
コンテンツ----------------*/
.content{
width:800px;
padding:0px 10px 10px 10px;
float: left;
}

/*------------
ライトボックス----------------*/
.content_right{
width:235px;
margin:0px 0px 10px 0px;
font-size:12px;
color:#333333;
text-align:left;
float: right; 
}

.content_right_01{
width:160px;
height:314px;
padding:0px 0px 10px 0px;
font-size:12px;
color:#333333;
text-align:left;
float: right; 
}

/*------------
右バナー
----------------*/
.content_right .bar_box_top{
width:235px;
height:230px;
margin:10px 0px 10px 0px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-color:#CCCCCC;
border-style:solid; 
float: left;
}

.content_right .banner{
width:235px;
margin:10px 0px 10px 0px;
float: left;
}

.content_right .banner_01{
width:235px;
margin:0px 0px 10px 0px;
float: left;
}

/*------------
天気
----------------*/
.content_right .bar_box_01{
width:235px;
margin:5px 0px 0px 0px;
padding:0px 0px 10px 0px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-color:#CCCCCC;
border-style:solid; 
float: left;
}

.content_right .bar_box_02{
width:160px;
height:314px;
margin:5px 0px 0px 0px;
padding:0px 0px 10px 0px;
float: left;
}

.content_right .bar_box_01 .weather{
width:210px;
padding:10px 10px 10px 15px;
text-align:center;
float: left;
}

.content_right .bar_box_01 .bar{
width:235px;
margin:0px 0px 10px 0px;
text-align:center;
float: left;
}

.content_right .bar_box_01 .qr{
width:235px;
margin:0px 0px 0px 0px;
text-align:center;
float: left;
}

.content_right .bar_box_01 .text{
width:220px;
padding:10px 0px 10px 15px;
line-height: 150%;
float: left;
}

.content_right .bar_box_01 .text_01{
width:220px;
padding:5px 0px 3px 15px;
line-height: 150%;
float: left;
}

.content_right .bar_box_01 .text01{
width:105px;
margin:0px 0px 0px 0px;
float: left;
}






/*------------
ライトボックス共通　スタート----------------*/
.content_left{
width:555px;
margin:0px 0px 10px 0px;
float: left;
}

/*------------
コンテンツ　フラッシュ
----------------*/
.content_left .box_flash{
width:555px;
margin:0px 0px 0px 0px;
text-align:left;
float: left;
}

/*------------
コンテンツ　フラッシュ
----------------*/
.content_left .box{
width:555px;
margin:0px 0px 5px 0px;
text-align:left;
float: left;
}

/*------------
navi　new
----------------*/
.content_left .box .navi{
width:150px;
margin:10px 0px 0px 0px;
text-align:left;
float: left;
}

.content_left .box .navi .box{
width:150px;
margin:0px 0px 0px 0px;
text-align:left;
float: left;
}

.content_left .box .top_banner{
width:395px;
margin:15px 0px 0px 0px;
text-align:left;
float: right;
}

.content_left .box .top_banner_01{
width:395px;
margin:5px 0px 0px 0px;
text-align:left;
float: right;
}

.content_left .box .whatnew{
width:395px;
margin:10px 0px 0px 0px;
text-align:left;
float: right;
}

.content_left .box .whatnew .box{
width:395px;
margin:0px 0px 5px 0px;
text-align:left;
float: right;
}

iframe {
width: 395px;
height: 335px;
} 

.new{
width:370px;
margin:0px 0px 10px 0px;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-left-width:0px;
border-color:#CCCCCC;
border-style:dashed; 
float: left;
}

.new .text_date{
margin:0px 10px 5px 5px;
font-size:12px;
color: #333333;
text-align:left;
float: left;
}

.new .text{
margin:0px 0px 5px 0px;
font-size:12px;
color: #666666;
text-align:left;
float: left;
}

.content_left .box .whatnew .selection{
width:393px;
margin:0px 0px 0px 0px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-color:#FF6600;
border-style:solid; 
text-align:left;
float: right;
}

.content_left .box .whatnew .selection .selection_left{
width:190px;
margin:0px 0px 5px 0px;
text-align:left;
float: left;
}

.content_left .box .whatnew .selection .selection_left .photo{
width:57px;
height:65px;
padding:10px 0px 10px 5px;
float: left;
}

.content_left .box .whatnew .selection .selection_left .text{
width:128px;
padding:10px 0px 0px 0px;
float: right;
}

.content_left .box .whatnew .selection .selection_left .text .title{
width:123px;
padding:10px 0px 0px 5px;
font-size:12px;
color: #666666;
line-height: 130%;
float: left;
}

.content_left .box .whatnew .selection .selection_left .comment{
width:123px;
padding:5px 0px 0px 5px;
font-size:12px;
color: #666666;
line-height: 130%;
float: left;
}

.content_left .box .whatnew .selection .selection_right{
width:190px;
margin:0px 0px 5px 0px;
text-align:left;
float: right;
}

.content_left .box .whatnew .selection .selection_right .photo{
width:57px;
height:65px;
padding:10px 0px 10px 5px;
float: left;
}

.content_left .box .whatnew .selection .selection_right .text{
width:128px;
padding:10px 0px 0px 0px;
float: right;
}

.content_left .box .whatnew .selection .selection_right .text .title{
width:123px;
padding:10px 0px 0px 5px;
font-size:12px;
color: #666666;
line-height: 130%;
float: left;
}

.content_left .box .whatnew .selection .selection_right .comment{
width:123px;
padding:5px 0px 0px 5px;
font-size:12px;
color: #666666;
line-height: 130%;
float: left;
}


/*------------
コンテンツ　topics
----------------*/
.content_left .topics{
width:553px;
padding:0px 0px 0px 0px;
background-image: url(../../img/index/contents/topics_back.jpg); 
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-color:#FF8200;
border-style:solid; 
float: left;
}

.content_left .topics_bar{
width:553px;
padding:0px 0px 0px 0px;
float: left;
}

.content_left .topics_text_01{
width:174px;
padding:10px 0px 10px 10px;
line-height: 150%;
float: left;
text-align:left;
}

.content_left .topics_text_02{
width:174px;
padding:0px 0px 10px 10px;
line-height: 150%;
float: left;
text-align:left;
}


/*------------
コンテンツ　セレクション
----------------*/
.content_left .selection{
width:553px;
margin:0px 0px 0px 0px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-color:#FF8200;
border-style:solid; 
float: left;
}

.content_left .selection_bar{
width:145px;
padding:0px 0px 0px 0px;
float: left;
text-align:left;
}

.content_left .selection_textbox{
width:400px;
height:150px;
padding:0px 0px 0px 0px;
float: right;
text-align:left;
}

.content_left .selection_textbox_01{
width:200px;
height:75px;
padding:0px 0px 0px 0px;
float: left;
text-align:left;
}

.content_left .selection_textbox_01_photo{
width:57px;
height:65px;
padding:5px 0px 5px 0px;
float: left;
text-align:left;
}

.content_left .selection_textbox_01_text{
width:133px;
height:65px;
padding:5px 0px 5px 10px;
line-height: 150%;
float: left;
text-align:left;
}

/*------------
コンテンツ　ここトク
----------------*/
.content_left .kokotoku{
width:553px;
margin:15px 0px 0px 0px;
float: left;
}

/*------------
コンテンツ　ハーフ
----------------*/
.content_left .half{
width:553px;
margin:10px 0px 0px 0px;
float: left;
}

.content_left .half .left{
width:275px;
margin:0px 0px 0px 0px;
float: left;
}

.content_left .half .right{
width:275px;
margin:0px 0px 0px 0px;
float: right;
}



/*------------
コンテンツ　オススメ
----------------*/

.content_left .osusume_contents{
width:555px;
padding:0px 0px 10px 0px;
float: left;
}

.content_left .osusume{
width:313px;
margin:0px 0px 0px 0px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-color:#FF8200;
border-style:solid; 
float: left;
}

.content_left .osusume_bar{
width:313px;
padding:0px 0px 0px 0px;
float: left;
text-align:left;
}

.content_left .osusume_box{
width:313px;
height:114px;
padding:0px 0px 0px 0px;
border-bottom: 1px #FF8200 dotted;
float: left;
text-align:left;
}

.content_left .osusume_box_02{
width:313px;
height:114px;
padding:0px 0px 0px 0px;
float: left;
text-align:left;
}

.content_left .osusume_photo{
width:113px;
padding:18px 0px 18px 5px;
float: left;
text-align:left;
}

.content_left .osusume_text{
width:179px;
padding:18px 10px 14px 5px;
line-height: 150%;
float: right;
text-align:left;
}


/*------------
コンテンツ　スタッフオススメ
----------------*/

.content_left .right{
width:228px;
margin:0px 0px 0px 0px;
float: right;
}

.content_left .right .staff_osusume{
width:228px;

margin:0px 0px 0px 0px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-color:#FF8200;
border-style:solid; 
float: right;
}

.content_left .right .staff_osusume_bar{
width:228px;
padding:0px 0px 0px 0px;
float: left;
text-align:left;
}

.content_left .right .staff_osusume_bar_photo{
width:148spx;
padding:11px 40px 11px 39px;
float: left;
text-align:left;
}

.content_left .right .staff_osusume_bar_text{
width:207px;
padding:0px 10px 10px 10px;
float: left;
text-align:center;
}

.content_left .right .staff_osusume_bar_text_01{
width:207px;
padding:0px 10px 10px 10px;
float: left;
text-align:left;
}

/*------------
コンテンツ　オススメクーポン
----------------*/
.content_left .right .coupon{
width:228px;
margin:7px 0px 0px 0px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-color:#FF8200;
border-style:solid; 
float: right;
}

.content_left .right .coupon_bar{
width:228px;
margin:0px 0px 0px 0px;
float: right;
}

.content_left .right .coupon_box{
width:228px;
border-bottom: 1px #FF8200 dotted;
margin:0px 0px 0px 0px;
float: right;
}

.content_left .right .coupon_box_02{
width:228px;
margin:0px 0px 0px 0px;
float: right;
}

.content_left .right .coupon_text{
width:208px;
padding:8px 10px 8px 10px;
line-height: 150%;
float: right;
text-align:left;
}

/*------------
コンテンツ　banner
----------------*/
.content_left .banner{
width:553px;
margin:0px 0px 10px 0px;
float: left;
}