/*BODYの変更----------------------------------------*/


BODY {
    color: #666666;

	font-size:12px;
	line-height : 140%;
	FONT-FAMILY: 'ＭＳ Ｐゴシック', sans-serif;

	margin: 0px;
	padding: 0px;
	background-image: url(../common/base/bg_01.gif);
	background-repeat:repeat-x;
	background-color:#FFF9DF;
	/*SCROLLBAR-FACE-COLOR      : #cccccc;*/
    /*SCROLLBAR-HIGHLIGHT-COLOR : #ffffff;*/
    /*SCROLLBAR-SHADOW-COLOR    : #ffffff;*/
    /*SCROLLBAR-3DLIGHT-COLOR   : #ffffff;*/
    /*SCROLLBAR-ARROW-COLOR     : #999999;*/
    /*SCROLLBAR-TRACK-COLOR     : #ffffff;*/
    /*SCROLLBAR-DARKSHADOW-COLOR: #ffffff*/
}


/*layout------------------------------------------------------------*/


#container
{
	margin            : 0px auto;
	padding			  : 0px;
	width             : 781px;
	text-align        : left;
}

#container h1
{
	padding-top : 5px;
	padding-left: 15px;
	height		: 20px;	
	width		: 781px;
}

.right
{
	float : right;
	margin: 10px;
}

/*FONT変更----------------------------------------*/
.style1 {
		font-size:12px;
		color: #E94616;
		}

.style2 {
		font-size:12px;	
		color: #E94616;
		}

.style3 {
		font-size:12px;
		color: #FF0000
		}


font{
	font-size:12px;
	line-height : 140%;
    FONT-FAMILY: 'ＭＳ Ｐゴシック', sans-serif;
	}

.font7
{
	font-size   : 7pt;
	line-height : 125%;
    FONT-FAMILY: 'ＭＳ Ｐゴシック', sans-serif;
}

.font8
{
	font-size   : 8pt;
	line-height : 125%;
    FONT-FAMILY: 'ＭＳ Ｐゴシック', sans-serif;
}


.font12
{
	font-size   : 12px;
	line-height : 140%;
    FONT-FAMILY: 'ＭＳ Ｐゴシック', sans-serif;
}


.font14
{
	font-size   : 14pt;
	line-height : 125%;
    FONT-FAMILY: 'ＭＳ Ｐゴシック', sans-serif;

}

.font15
{
	font-size   : 15pt;
	line-height : 125%;
    FONT-FAMILY: 'ＭＳ Ｐゴシック', sans-serif;

}


.font18
{
	font-size   : 18pt;
	line-height : 125%;
    FONT-FAMILY: 'ＭＳ Ｐゴシック', sans-serif;

}

.font20
{
	font-size   : 20pt;
	line-height : 125%;
    FONT-FAMILY: 'ＭＳ Ｐゴシック', sans-serif;

}

.adjustFont
{
	font-size   : 12px;
	font-family : "ＭＳ ゴシック", "Osaka−等幅";
	line-height : 140%;
}

.present
{
	padding-top		: 8px;
	margin-bottom	: 15px;
	font-size   	: 14px;
	text-align		: center;
	color			: #FFFFFF;
	background-image: url(../present_image/atari.gif);
	width			: 477px;
	height			: 34px;
}

.outlet
{
	margin-bottom	: 15px;
	margin-top	: 15px;
	/*margin			: 15px 15px;*/
	padding			: 0px 0px 0px 0px;
	font-size   	: 14px;
	text-align		: left;
	text-indent		:65px;
	color			: #666666;
	background-image: url(../outlet_image/outlet_00.gif);
	width			: 524px;
	height			: 37px;
	line-height : 2.8em;

}

.border_R00
{
	padding			: 10px;
	border-left		: 5px solid #D11D05;
	border-right	: 1px solid #BBB;
	background-color: #F2F2F2;
	font-size   	: 12px;
	color			: #666;
	line-height 	: 140%;
	text-align		: left;
}

.border_R01
{
	padding			: 10px;
	border-left		: 5px solid #628303;
	border-right	: 1px solid #BBB;
	background-color: #F2F2F2;
	font-size   	: 12px;
	color			: #666;
	line-height 	: 140%;
	text-align		: left;
}

.border_R02
{
	padding			: 10px;
	border-left		: 5px solid #FEC72F;
	border-right	: 1px solid #BBB;
	background-color: #F2F2F2;
	font-size   	: 12px;
	color			: #666;
	line-height 	: 140%;
	text-align		: left;
}

/*ボーダーラインの変更----------------------------------------*/

.border_ten {
	BORDER-RIGHT : #cccccc 1px dotted;
    BORDER-TOP   : #cccccc 1px dotted;
    FONT-WEIGHT  : normal;
    BORDER-LEFT  : #cccccc 1px dotted;
    BORDER-BOTTOM: #cccccc 1px dotted;
}

.border_side_ten {
	BORDER-RIGHT : #cccccc 1px dotted;
    BORDER-TOP   : normal;
    FONT-WEIGHT  : normal;
    BORDER-LEFT  : #cccccc 1px dotted;
    BORDER-BOTTOM: normal;
}

.border_header_ten {
	BORDER-RIGHT : normal;
    BORDER-TOP   : #cccccc 1px dotted;
    FONT-WEIGHT  : normal;
    BORDER-LEFT  : normal;
    BORDER-BOTTOM: #cccccc 1px dotted;
}


/*FONT打消し----------------------------------------*/

.no {
	TEXT-DECORATION: line-through
}


/*FORMの変更----------------------------------------*/

.form_TXTFLD 
{
	BORDER-RIGHT  : #666678 1px solid; 
    BORDER-TOP    : #666678 1px solid; 
    FONT-SIZE     : 9pt; 
    BACKGROUND    : white; 
    BORDER-LEFT   : #666678 1px solid; 
    COLOR         : #000; 
    BORDER-BOTTOM : #666678 1px solid
}


.form_SELECT 
{
	FONT-WEIGHT  : normal;
    FONT-SIZE    : 9pt;
    COLOR        : #000;
    LINE-HEIGHT  : normal;
    FONT-STYLE   : normal;
    FONT-VARIANT : normal;
}


A {
	COLOR: #4d82c4; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #4d82c4; TEXT-DECORATION: underline
}
A:active {
	COLOR: #4d82c4; TEXT-DECORATION: underline
}


.font_orange{
	color	: #FF5217;
}

.font_red{
	color	: #FF0000;
}

.font_blue{
	color	: #306CA3;
}

.font_14px{
	font-size: 14px;
}

.font_16px{
	font-size: 16px;
}

.presentfoam
{
	margin			: 0px 15px 10px 15px;
	padding			: 10px;
	background-color: #EEEEEE;
}

/*見出しの変更----------------------------------------*/

/*h2,h3,h4,h5,h6
{
	margin      : 0;
	text-align  : left;
	font-size   : 12px;
	line-height : 160%;
	font-weight : normal;
}*/



.contents {
	background-image: url(../img/contents_back.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
	width:781px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

body,form,ul,li,h1,h2,h3,p,table{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style: none;
	list-style-position: outside;
}

div{
	text-align: left;
}

p {
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p.center{
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.menu_img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
}


h1{
	background-image: url(../common/base/bg_01.gif);
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	text-align:center;
	line-height: 25px;
	font-weight : normal;

}


h2{
	font-size:12px;
	margin: 0px 0px 0px 0px;
	color: #666666;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.header {
	float: left;
	width:781px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


p.head_logo{
	float: left;
	width: 305px;
	margin: 0px 0px 0px 0px;
}

p.head_img{
	background: url(../common/base/header_02.gif) no-repeat;
	background-color: #ffffff;
	float: left;
	width: 349px;
	height: 70px;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
}

p.head_pay{
	float: left;
	width: 127px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.h_menu_1{
	float: left;
	width: 25px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.h_menu_2{
	float: left;
	width: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.h_menu_3{
	float: left;
	width: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.h_menu_4{
	float: left;
	width: 112px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.h_menu_5{
	float: left;
	width: 90px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.h_menu_6{
	float: left;
	width: 90px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.h_menu_7{
	float: left;
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.h_menu_8{
	float: left;
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.h_menu_9{
	float: left;
	width: 54px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.news{
	width:536px;
	margin: 10px 19px 0px 18px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
}
td.news{
	width:268px;
	margin: 0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	font-size:12px;
	text-align:left;
	line-height: 16px;
	vertical-align:top;
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.header_img {
	width:781px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダーメニュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.header_menu {
	float: left;
	width:177px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
	background-image: url(../common/base/bg_side.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
}

p.head_brand_menu{
	display: block;
	text-indent:10px;
	width: 177px;
	background: url(../common/icon/arrow_01.gif) no-repeat;
	background-position:2px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px;
	line-height:20px;
	vertical-align:middle;
}

p.menu{
	text-align:left;
	text-indent:12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.text{
	width: 157px;
	text-align:left;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メイン外枠
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.maincontents {
	width:604px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	background-image: url(../img/main_back.gif);
	/*background-position:173px;*/
	background-repeat: repeat-y;
	background-color: #ffffff;
	vertical-align:top;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.main {
	clear:both;
	width:575px;
	margin: 0px 0px 0px 10px;
	/*margin: 0px 15px 0px 12px;*/
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
	text-align: center;
	/*text-indent:10px;*/
	/*border:solid 1px #cccccc;*/
	vertical-align:top;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
p.renewal{
	text-align: left;
	text-indent: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.new_box{
	float: left;
	width: 112px;
	height:180px;
	/*border: dotted 1px #cccccc;*/
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}


p.new_photo{
	clear:both;
	text-align: center;
	width:112px;
	margin-bottom: 5px;
}
.item_box{
	float: left;
	width: 115px;
	height:150px;
	/*border: dotted 1px #cccccc;*/
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}


p.photo{
	clear:both;
	text-align: center;
	width:112px;
	height:100px;
	margin-bottom: 5px;
}

p.item{
	text-align:center;
	margin: 0px 0px 0px 0px;
}


p.aboutolt{
	width:535px;
	height:35px;
	text-align:right;
	margin: 0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
}

.banner{
	float: left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 285px;
	height:95px;
	text-align: center;
}

p.banner{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	text-align: center;
}


hr.line{
	float: left;
	color: #666666;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	width: 560px;
	height: 1px;
	text-align:center;
	margin: 0px 15px 0px 15px;
}

p.info{
	clear:both;
	margin: 0px 19px 10px 19px;
	width: 537px;
	/*border: dotted 1px #cccccc;*/
	padding: 0px 0px 0px 0px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッターリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.footer_link {
	margin: 20px 5px 0px 5px;
	text-align: center;
	width: 564px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.footer {
	margin-left: auto;
	margin-right: auto;
	clear:both;
	width:776px;
	height:10px;
	text-align:left;
	background-color:#cdc2bb;
	border-bottom: solid 1px #cdc2bb;
}

hr.f_line{
	color: #cdc2bb;
	border-width: 10px 0px 0px 0px;
	border-style: solid;
	width: 776px;
	text-align:center;
}

p.line {
	display: block;
	background-image: url(./img/arrow_02.gif);
}




