@charset "UTF-8";

@media print {
	body { zoom: 80%; }
}

html,body,
h1,h2,h3,h4,h5,h6,
table,th,td,img,
p,div,pre,blockquote,form,
address,dl,dt,dd,ul,ol,li {
	background: transparent;
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
}

em,strong,big,small,
ins,del,q,span {
	font-style: normal;
	font-weight: normal;
}




body {
	width: 900px;
	background: #ffffff;
	margin: 0 auto;
	padding: 0 0 20px 0;
	line-height: 150%;
	color: #333333;
	font-size: small;
	font-family : 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

a:link { color: #ff6600; text-decoration: none; }
a:visited { color: #ff6600; text-decoration: none; }
a:hover { color: #666666; text-decoration: underline; }

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	clear: both;
	color: #000000;
}

p { padding : 0 0 10px 0; }

ol,ul { margin : 0 0 10px 0; }
ol li { margin : 0 0 0 2.5em; }
ul li { margin : 0 0 0 1.5em; }

dt {
	margin : 0;
	font-weight : bold;
	font-size: 1em;
}

dd { margin : 0 0 1em 0; }
dd ol, dd ul { margin : 0; }

th {
	text-align: left;
	white-space: nowrap;
}

td { }

em {  }
strong { font-size : 1.15em; }
small { font-size: 0.85em; line-height: 150%; }

input,textarea,select,option {
	margin : 0;
	padding : 0;
	font-size: 1em;
	vertical-align: middle;
}

form .deco {
	height: 12px;
	margin : 0;
	padding: 4px;
	border: 2px solid #cc99cc;
}

img { vertical-align: top; }

hr {
	clear: both;
	background: #ffffff;
	margin: 10px 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #666666;
	color: #ffffff;
}




/*main ---------------------------------------------------------*/
#main_all {
	width: 880px;
	height: 100%;
	background: url(../img/topborder.gif) left top repeat-x;
	margin: 0;
	padding: 6px 9px 10px 9px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

#main_all:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#main_all{display: inline-block;}
/* Hides from IE-mac \*/

* html #main_all {height: 1%;}
#main_all {display: block;}
/* End hide from IE-mac */
}

#main_toplink {
	width: 880px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#main_toplink a:link { color: #666666; text-decoration: none; }
#main_toplink a:visited { color: #666666; text-decoration: none; }
#main_toplink a:hover { color: #ff9933; text-decoration: underline; }
#main_toplink h1 { float: left; width: 220px; height: 55px; }
.main_toplink_read {
	float: right;
	width: 650px;
	line-height : 12px;
	color: #666666;
	text-align: right;
	font-size: 12px;
}

.main_toplink_read .copy { margin: 8px 0 15px 0; padding: 0; color: #999999; }

#main_topmenu {
	width: 880px;
	height: 38px;
	background: url(../img/topmenu_07.gif) left bottom no-repeat;
	margin: 0 0 10px 0;
	padding: 0;
}

#main_topmenu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#main_rightread {
	float: right;
	width: 710px;
	margin: 0;
	padding: 0;
}

#main_leftmenu {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}

#main_leftmenu p { margin: 0; padding: 0; }

#main_fotter {
	width: 880px;
	height: 100px;
	background: url(../img/bottomborder.gif) left bottom no-repeat;
	margin: 0;
	padding: 10px 10px 0 10px;
	line-height: 110%;
	font-size: 12px;
	color: #666666;
}

#main_fotter a:link { color: #666666; text-decoration: none; }
#main_fotter a:visited { color: #666666; text-decoration: none; }
#main_fotter a:hover { color: #ff9933; text-decoration: underline; }
#main_fotter p { margin: 0; padding: 0; }
#main_fotter .link {
	float: left;
	margin: 0;
	padding: 0;
}

#main_fotter address {
	float: right;
	width: 216px;
	margin : 0;
	padding: 0;
}


/*index ---------------------------------------------------------*/

#index_rightread {
	float: right;
	width: 720px;
	margin: 0;
	padding: 0;
	font-family : 'ＭＳ ゴシック', Osaka, 'ヒラギノ角ゴ Pro W3', monospace;
}

#shop1 {
	padding-bottom: 7px;
}

#shop2 {
	padding-bottom: 10px;
}

.ph_left {
	float: left;
	padding-bottom: 7px;
	margin-right: 7px;
}


#index_rightread a:link { color: #666666; text-decoration: none; }
#index_rightread a:visited { color: #666666; text-decoration: none; }
#index_rightread a:hover { color: #ff6600; text-decoration: underline; }
#index_rightread p { margin: 0; padding: 0; }

.index_flash {
	float: left;
	width: 480px;
	margin: 0 0 0px 0;
	padding: 0 0 10px 0;
}

.index_flash_puc {

	width: 230px;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
}

.rightColumn {
	float: right;
	width: 230px;
	margin: 0;
	padding: 0 0 10px 0;
	
}

ul#index_lfmenu {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}

ul#index_lfmenu li {
	margin: 0 0 7px 0;
	padding: 0;
}

.rightColumn ul {
	list-style: none;
	margin: 0 0 10px 0;
}

.rightColumn ul li {
	margin: 0 0 10px 0;
	padding: 0;
}

.centerColumn {
	float: left;
	width: 480px;
	margin: 0;
	padding: 0 0 10px 0;
}

/*.index_campaign {
	float: left;
	width: 270px;
	margin: 0 10px 5px 0;
	padding: 0;
}*/

.index_present {
	float: left;
	width: 310px;
	margin: 0 0 5px 0;
	padding: 0;
}

.index_present .inner {
	padding: 10px;
	border: 1px solid #a9a9a9;
	border-top: none;
	height: 83px;
	overflow: auto;
}

.index_present ul.link {
	margin: 0;
	padding: 0;
	list-style: none;
}

.index_present ul.link li,
.index_info ul li {
	margin: 0;
	padding: 0 0 0 14px;
	background: url(../img/bg_arrow.gif) no-repeat 0 7px;
}

.index_present .inner .orange{
	color: #f60;
}

.index_topics {
	float: left;
	width: 480px;
	margin: 0 0 5px 0;
	padding: 0;
	height: 164px;
}

.index_info {
	width: 480px;
	height: 128px;
	float: left;
	margin: 0 0 12px 0;
	_margin: 0 0 8px 0;
}

.index_info div {
	border-bottom: 1px solid #9a9a9a;
	border-left: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
	margin: 0;
}

.index_info ul {
	margin: 0px 0px 0px 10px;
/*	_margin: 0 10px 5px 10px;*/
	padding: 0;
	height: 105px;
	overflow: auto;
	list-style: none;
}

.index_right {
	float: right;
	width: 234px;
	margin: 0;
	padding: 0;
}

.index_box1 {
	/*background: url(../img/index-box1.gif) left bottom no-repeat;*/
	border-bottom: 1px solid #9a9a9a;
	border-left: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
}

#index_box1_present {
	overflow: auto;
	height:132px;
}

.index_box2 {
	background: url(../img/bg_info.gif) 50% 100% no-repeat;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 12px;
	color: #666666;
}

#index_box3{
	width: 160px;
	margin: 0 0 5px 0;
	float: right;
	border: 1px solid #cecece;
}

#index_box3 dl,
#index_box3 dl dt,
#index_box3 dl dd {
	margin: 0;
	padding: 0;
}

#index_box3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#index_box3 ul li {
	margin: 0 0 5px;
	padding: 0;
}

#index_box3 ul li a {
	padding: 0;
}



.inlist1 {
	margin: 0;
	padding: 4px 10px 0 10px;
	height: 132px;
	overflow: auto;
}

ul.present_box {
	height: 110px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.index_box1 ul.link {
	margin: 0;
	padding: 0;
	list-style: none;
}

.index_box1 ul.link li {
	background: url(../img/bg_arrow.gif) 0 6px no-repeat;
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
}


.inlist3 {
	margin: 0;
	padding: 0;
	/*padding: 0 0 10px 0;*/
	height: 130px;
}

.inlist1 li {
	background: url(../img/bg_arrow.gif) 0 6px no-repeat;
	margin: 0;
	padding: 0 0 0 13px;
	list-style: none;
}

.inlist2 {
	margin: 0;
	padding: 4px 10px 0px 10px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	line-height: 1.5;
	height: 297px !important;
}

.inlist2 li {
	background: url(../img/bg_arrow.gif) 0 6px no-repeat;
	margin: 0;
	padding: 0 0 0 11px;
	list-style: none;
}

#index_fmenu {
	width: 480px;
	margin: 4px 0 0 0;
	padding: 0;
	clear: both;
}

#index_fmenu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#index_fmenu li a.jcb {
	margin: 0 2px;
}

#indexmenu {
	width: 130px; height: 318px;
	background: url(../img/indexbg.gif) left top repeat-x;
	margin: 0 0 2px 0; padding: 0 9px;
	border: 1px solid #bbbbbb;
}

#topics {
	/*
width: 130px;
	height: 143px;
	background: url(../img/topixbg.gif) left top repeat-x;
	margin: 0;
	padding: 10px 10px 0 10px;
	font-size: 1px;
	line-height: 1px;
*/
	width: 150px;
	margin: 0;
	padding: 0;
}

#topics ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

#topics ul li {
	margin: 0 0 5px 0;
	padding: 0;
}

#topics img { vertical-align: bottom; }

#material {
	margin: 2px 0 0 0;
	padding: 0;
}

.ph_link {
	float: right;
}

#flashcontent{
	height: 260px;
}

#flashcontent p{
	margin-top: 10px;
	border: 1px solid #ff8207;
	padding: 5px;
	text-align: center;
}



/*read ---------------------------------------------------------*/

.pointlink {
	margin: 0 0 10px 0;
	padding: 0;
	line-height : 120%;
	font-size: 0.85em;
}

.head_defo { margin: 0 0 10px 0; }
.head_sub {
	margin: 20px 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #666666;
	font-weight: normal;
	line-height : 120%;
	color: #000000;
}

.head_sub2 {
	margin: 10px 0 5px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #cccccc;
	font-weight: normal;
	line-height : 120%;
	color: #000000;
}

.head_sub3 {
	margin: 0 0 10px 0;
	background: #ffeecc;
	padding: 2px 9px;
	border: 1px solid #ff6600;
	line-height : 140%;
	color: #000000;
	text-align: left;
	font-weight: normal;
}

.txthead {
	background: url(../img/subhead.gif) left top no-repeat;
	width: 690px;
	height: 12px;
	margin: 0;
	padding: 3px 10px 0 10px;
	font-size: 10px;
	color: #333333;
	line-height: 10px;
}


.readarea {
	width: 690px;
	margin: 0;
	padding: 10px;
}

.readarea2 {
	width: 325px;
	margin: 0;
	padding: 10px;
}

.readarea_faq {
	width: 690px;
	margin: 0;
	padding: 0 10px;
}


.mbox_m {
	width: 710px;
}

.mbox_l {
	float: left;
	width: 345px;
}

.mbox_r {
	float: right;
	width: 345px;
}

.box_m {
	width: 690px;
	margin: 0;
	padding: 0 0 10px 0;
}

.box_n {
	width: 690px;
	margin: 0;
	padding: 0;
}

.box_m_bo {
	width: 690px;
	background: url(../img/border.gif) center bottom no-repeat;
	margin: 0;
	padding: 0 0 15px 0;
}

.box_bo {
	background: url(../img/border.gif) center bottom no-repeat;
	margin: 0;
	padding: 0 0 15px 0;
}

.box_bo_sp {
	background: url(../img/border.gif) center bottom no-repeat;
	margin: 0;
	padding: 0 0 15px 0;
}

.box_bo_sp00 {
	margin: 0;
	padding: 0 0 5px 0;
}

.box_to {
	background: url(../img/border.gif) center top no-repeat;
	margin: 0;
	padding: 15px 0 0 0;
}

.box2c_l {
	float: left;
	width: 335px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c_r {
	float: right; width: 335px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box3c_l {
	float: left;
	width: 220px;
	margin: 0 15px 0 0;
	padding: 0;
	list-style: none;
}

.box3c_c {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box3c_r {
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box4c_1 {
	float: left;
	width: 160px;
	margin: 0 15px 0 0;
	padding: 0;
	list-style: none;
}

.box4c_2 {
	float: left;
	width: 160px;
	margin: 0 15px 0 0;
	padding: 0;
	list-style: none;
}

.box4c_3 {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box4c_4 {
	float: right;
	width: 160px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box5c_1 {
	float: left;
	width: 130px;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}

.box5c_2 {
	float: left;
	width: 130px;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}

.box5c_3 {
	float: left;
	width: 130px;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}

.box5c_4 {
	float: left;
	width: 130px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box5c_5 {
	float: right;
	width: 130px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c-2_l {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c-2_r {
	float: right;
	width: 410px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c-3_l {
	float: left;
	width: 460px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c-3_r {
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c-4_l {
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c-4_r {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c-5_l {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c-5_r {
	float: right;
	width: 455px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c-6_l {
	float: left;
	width: 280px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2c-6_r {
	float: right;
	width: 390px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 0901 home用追加 */

.cp_height {	height: 250px;}

/*　終了　*/


.readline {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #666666;
}

.readline_none {
	margin-bottom: 3px;
	padding-bottom: 8px;
}

.topline {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #666666;
}

.tel {
	position: relative;
	height: 20px;
	top: -17px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cccccc;
	text-align: right;
	z-index: 1;
}

.tel2 {
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 10px 0 1px 0;
}

.p_list li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	list-style: none;
}


#happy_box {
	width: 690px;
	margin: 0 9px;
	padding: 0 0 10px 0;
	border: 1px solid #ff6600;
}

.happy_title {
	padding: 8px 10px;
	border-bottom: 1px solid #ff6600;
	line-height: 120%;
}

.happy_sub {
	padding: 3px 10px;
	border-bottom: 1px solid #ff6600;
	line-height: 100%;
}

#happy_box .happy_inbox {
	width: 660px;
	margin: 0;
	padding: 15px;
}

#happy_box .happy_inbox h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size : 1.15em;
}

#happy_box .happy_inbox p {
	margin: 0;
	padding: 0;
}

.fthead {
	width: 688px;
	background: #ffebcc;
	margin: 0;
	padding: 0 0 10px 0;
	border: #ff6600 solid 1px;
	line-height: 130%;
	font-size: 10px;
}

.fthead p {
	padding-bottom: 0;
}

.ftread {
	width: 670px;
	background: #ffffff;
	margin: 0 0 15px 0; padding: 8px 9px;
	border-left: #ff6600 solid 1px;
	border-right: #ff6600 solid 1px;
	border-bottom: #ff6600 solid 1px;
}



/*web oubo box*/
#obo_box{
	border: #ff6600 solid 1px;
	padding: 0px;
	text-align: center;

}
#obo_box h3{
	background-color: #ff6600;
	padding: 5px 0;
}

div#obo_box div{
	margin: 20px 0;
	text-align: center;
}




/*link-point*/

.linkp1 a {
	display: block;
	background: url(../img/p1.gif) 0px 4px no-repeat;
	margin: 0;
	padding-left: 12px;
	line-height: 130%;
	z-index: 10;
}

.linkp1 a:link {
	color: #000000;
	text-decoration: none;
}

.linkp1 a:visited {
	color: #000000;
	text-decoration: none;
}

.linkp1 a:hover {
	color: #ff9933;
	text-decoration: underline;
}

.linkp1_o a {
	display: block;
	background: url(../img/p1.gif) 0px 4px no-repeat;
	margin: 0;
	padding-left: 12px;
	line-height: 130%;
	z-index: 10;
}

.linkp1_o a:link {
	color: #ff6600;
	text-decoration: none;
}

.linkp1_o a:visited {
	color: #ff6600;
	text-decoration: none;
}

.linkp1_o a:hover {
	color: #000000;
	text-decoration: underline;
}

.linkp2 a {
	display: block;
	background: url(../img/p2.gif) 0px 4px no-repeat;
	margin: 0;
	padding-left: 12px;
	line-height: 130%;
	z-index: 10;
}

.linkp2 a:link {
	color: #000000;
	text-decoration: none;
}

.linkp2 a:visited {
	color: #000000;
	text-decoration: none;
}

.linkp2 a:hover {
	color: #ff9933;
	text-decoration: underline;
}

.linkpb a {
	display: block;
	background: url(../img/p2.gif) 0px 4px no-repeat;
	margin: 0;
	padding-left: 12px;
	line-height: 130%;
	z-index: 10;
}

.linkpb a:link {
	color: #666666;
	text-decoration: none;
}

.linkpb a:visited {
	color: #666666;
	text-decoration: none;
}

.linkpb a:hover {
	color: #666666;
	text-decoration: none;
}

.checklink {
	clear: both;
	height: 15px;
	padding: 6px 0 0 10px;
	font-size: 12px !important;
}

.checklink img {
	float: left;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.checklink a {
	float: left;
	padding-right: 15px;
}

.checkin {
	padding: 6px 0 0 0;
}

.checklink2 {
	height: 15px;
	padding: 6px 0 0 10px;
	font-size: 12px !important;
}

.cl_b {
	height: 15px;
	padding: 6px 0 0 80px;
	line-height: 12px;
}

.cl_l {
	height: 15px;
	padding: 6px 0 0 0;
	line-height: 12px;
}

.goto_top {
	margin: 8px 0 0 0;
	padding: 5px 0 30px 0;
	border-top: 2px solid #666666;
	text-align: right;
	line-height: 100%;
	font-size: 10px;
}

.goto_top a {
	background: #ffffff url(../img/p2-2.gif) 0px 2px no-repeat;
	padding: 0 0 0 10px;
}

.goto_top a:link {
	color: #666666;
	text-decoration: none;
}

.goto_top a:visited {
	color: #666666;
	text-decoration: none;
}

.goto_top a:hover {
	color: #ff9933;
	text-decoration: underline;
}

.return_top {
	margin: 10px 0;
	padding: 0;
	text-align: right;
	line-height: 100%;
	font-size: 10px;
}

.return_top a {
	background: #ffffff url(../img/p2.gif) 0px 2px no-repeat;
	padding: 0 0 0 10px;
}

.return_top a:link {
	color: #666666;
	text-decoration: none;
}

.return_top a:visited {
	color: #666666;
	text-decoration: none;
}

.return_top a:hover {
	color: #ff9933;
	text-decoration: underline;
}




/*left ---------------------------------------------------------*/

#login {
	width: 130px;
	height: 135px;
	background: url(../img/loginbg.gif) left top repeat-x;
	margin: 0 0 1px 0;
	padding: 0 10px;
}

#card {
	width: 130px;
	height: 150px;
	background: url(../img/cardbg.gif) left top repeat-x;
	margin: 0 0 1px 0;
	padding: 10px 10px 0 10px;
}

#contents {
	width: 150px;
	margin: 0 0 1px 0;
	padding: 0;
}

#contents .contentslist {
	margin: 0;
	padding: 0;
}

#contents .contentslist li {
	margin: 0; padding: 0;
	list-style: none;
	line-height : 1px;
	font-size: 1px;
}

#contents .contentslist li img {
	vertical-align: top;
}




/*other ---------------------------------------------------------*/

.cb {
	clear: both;
}

.cbox_clear:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.cbox_clear{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .cbox_clear {height: 1%;}
.cbox_clear {display: block;}
/* End hide from IE-mac */


.txt_l { text-align: left !important; }
.txt_r { text-align: right !important; }
.txt_c { text-align: center !important; }

.font_s {
	font-size: 0.85em !important;
	line-height : 140% !important;
}

.font_m {
	font-size: 1em !important;
}

.font_b {
	font-size: 1.2em !important;
}

.fl {
	float: left;
	margin: 0;
	padding: 0;
}

.fr {
	float: right;
	margin: 0;
	padding: 0;
}

.fr_w230 {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 230px;
	display: inline;
}

.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }

.lh120 { line-height: 120% !important; }

.indent {
	text-indent: -1em;
	padding-left: 1em;
}

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w50_b { width: 330px; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }

.tp0 { margin-top: 0px !important; }
.tp5 { margin-top: 5px !important; }
.tp5b {   }
.tp10 { margin-top: 10px !important; }
.tp15 { margin-top: 15px !important; }
.tp20 { margin-top: 20px !important; }
.bp0 { margin-bottom: 0px !important; }
.bp5 { margin-bottom: 5px !important; }
.bp10 { margin-bottom: 10px !important; }
.bp15 { margin-bottom: 15px !important; }
.bp20 { margin-bottom: 20px !important; }
.bp30 { margin-bottom: 30px !important; }
.bp40 { margin-bottom: 40px !important; }
.bp50 { margin-bottom: 50px !important; }
.lp0 { margin-left: 0px !important; }
.lp5 { margin-left: 5px !important; }
.lp10 { margin-left: 10px !important; }
.lp15 { margin-left: 15px !important; }
.lp20 { margin-left: 20px !important; }
.lp30 { margin-left: 30px !important; }
.lp40 { margin-left: 40px !important; }
.lp50 { margin-left: 50px !important; }
.rp0 { margin-right: 0px !important; }
.rp5 { margin-right: 5px !important; }
.rp10 { margin-right: 10px !important; }
.rp15 { margin-right: 15px !important; }
.rp20 { margin-right: 20px !important; }

.txt1 { color: #ff6600 !important; }
.txt2 { color: #ffffff !important; }
.txt3 { color: #666666 !important; }
.txt4 { color: #cc9900 !important; }
.txt5 { color: #cc0000 !important; }

.nonlist { margin: 0; padding: 0; }
.nonlist li { margin: 0; padding: 0; list-style: none; }
.nonlist dt { margin: 0; padding: 0; list-style: none; }
.nonlist dd { margin: 0; padding: 0; list-style: none; }

.nonp { padding-top: 0; padding-bottom: 0; }

.nbox1 {
	margin: 5px 0;
	padding: 8px 10px;
	border: 1px solid #ff6600;
}

.nbox2 {
	padding: 8px 10px;
	border: 1px solid #000000;
}

.table1 {
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
}

.table1 th {
	background: #ffeecc;
	padding: 2px 9px;
	border-right: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	line-height : 140%;
	color: #000000;
	text-align: left;
	font-weight: normal;
}

.table1 td {
	background: #ffffff;
	padding: 2px 9px;
	border-right: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	line-height : 140%;
	text-align: center;
	color: #333333;
}

.table1 .bg2 { background: #ffcc66; }
.table1 .bg3 { background: #ff6600; }
.table1 .bg4 { background: #ff9900; }
.table1 .bg5 { background: #ffffff; }
.table1 .bg6 { background: #ffffcc; }
.table1 .bg7 { background: #ffeecc; }
.table1 td p { margin: 5px 0; padding: 0; }

.table_l { width: 100%; }
.table_l td { padding-left: 15px; }

.table1 td .table0 { border: none; }
.table1 td .table0 th { background: none; padding: 0; border: none; text-align: left; }
.table1 td .table0 td { padding: 0; border: none; text-align: left; }

.nontable { border: none; }
.nontable th { background: none; border: none; }
.nontable td { background: none; border: none; }


.chart { margin: 0 0 10px 0; }
.chart td { text-align: center; }
.chart .box {
	margin: 0;
	padding: 3px 9px 3px 29px;
	border: 1px solid #ff6600;
	line-height: 120%;
	color: #000000;
}

.chart .box2 {
	margin: 0;
	padding: 3px 9px;
	border: 1px solid #ff6600;
	line-height: 120%;
	color: #000000;
}

.chart .box3 {
	background: #ff9900;
	margin: 0;
	padding: 3px 9px;
	border: 1px solid #ff6600;
	line-height: 120%;
	color: #000000;
}

.chart .l1 { background: url(../img/list_01.gif) left center no-repeat; }
.chart .l2 { background: url(../img/list_02.gif) left center no-repeat; }
.chart .l3 { background: url(../img/list_03.gif) left center no-repeat; }
.chart .l4 { background: url(../img/list_04.gif) left center no-repeat; }
.chart .l5 { background: url(../img/list_05.gif) left center no-repeat; }
.chart .l6 { background: url(../img/list_06.gif) left center no-repeat; }
.chart .l7 { background: url(../img/list_07.gif) left center no-repeat; }
.chart .l8 { background: url(../img/list_08.gif) left center no-repeat; }
.chart .l9 { background: url(../img/list_09.gif) left center no-repeat; }
.chart .l10 { background: url(../img/list_10.gif) left center no-repeat; }

.step1 { 
	background: #ffeecc url(../img/step_01.gif) left center repeat-y !important; 
	padding: 2px 9px 2px 70px !important;
}

.step2 {
	background: #ffeecc url(../img/step_02.gif) left center repeat-y !important; 
	padding: 2px 9px 2px 70px !important;
}

.step3 {
	background: #ffeecc url(../img/step_03.gif) left center repeat-y !important; 
	padding: 2px 9px 2px 70px !important;
}

.step4 {
	background: #ffeecc url(../img/step_04.gif) left center repeat-y !important; 
	padding: 2px 9px 2px 70px !important;
}

.step5 {
	background: #ffeecc url(../img/step_05.gif) left center repeat-y !important; 
	padding: 2px 9px 2px 70px !important;
}

.step6 {
	background: #ffeecc url(../img/step_06.gif) left center repeat-y !important; 
	padding: 2px 9px 2px 70px !important;
}

.step7 {
	background: #ffeecc url(../img/step_07.gif) left center repeat-y !important; 
	padding: 2px 9px 2px 70px !important;
}

.step8 {
	background: #ffeecc url(../img/step_08.gif) left center repeat-y !important; 
	padding: 2px 9px 2px 70px !important;
}

.step9 {
	background: #ffeecc url(../img/step_09.gif) left center repeat-y !important; 
	padding: 2px 9px 2px 70px !important;
}

.step10 {
	background: #ffeecc url(../img/step_10.gif) left center repeat-y !important; 
	padding: 2px 9px 2px 70px !important;
}

.helpcode {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: right;
	color: #666666;
}


/* CUE3人娘 */
#happy_cue_box {
	border: 1px solid #ff6600;
	width: 690px;
	margin-left: 10px;
}

#happy_cue_box:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#happy_cue_box{display: inline-block;}
/* Hides from IE-mac \*/
* html #happy_cue_box {height: 1%;}
#happy_cue_box {display: block;}
/* End hide from IE-mac */

#happy_cue_box h3 {
	line-height: 120%;
	margin: 15px 0 0 10px;
}

.happybox15 {padding: 15px;}

.happy_cue_box_l {
	float: left;
	width: 515px;
}

/*0812追加*/
.ofs_r15 {width:330px; padding: 15px 15px 15px 0px;}
.ofs_r15b {width:165px; padding: 15px 15px 1px 0px;}
.ofs_l15 {width:330px; padding: 15px 0px 15px 15px;}

.happy_cue_box_l2 {
	float: left;
	width: 345px;
}

.happy_cue_box_r2 {
	float: right;
	width: 345px;
}

.happy_cue_box_l3 {
	float: left;
	width: 510px;
}

.happy_cue_box_r3 {
	float: right;
	width: 180px;
}

.sub_cue_box2 {
	clear: both;
	margin: 0 15px 15px 15px;
}


/*銘酒日記用追加*/
.spbg {
	background-image:url(../e/s-picup/data/sake_0812_a.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:545px;
	}
.btm {padding:50px 0 0 0; }

.spbg3 {
	background-image:url(../e/s-picup/data/sake_0904_a.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:545px;
	}
.btm {padding:50px 0 0 0; }

/*end*/


/*こだわりセレクション追加*/
.spbg2 {
	background-image:url(../e/s-picup/data/product_0903_a.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:545px;
	}
.btm {padding:80px 0 0 0; }


/*end*/


.happy_cue_box_l p {
	margin: 0;
	padding: 0;
}

.happy_cue_box_l h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size : 1.15em;
}

.happy_cue_box_r {
	float: right;
	width: 160px;
	padding: 15px 15px 15px 0px;
}

.hr_happy_cue {
	clear: both;
	background: #ffffff;
	margin: 0;
	line-height: 0;
	padding: 0;
	border-bottom: 1px dotted #666666;
	color: #ffffff;
}

.sub_cue_box {
	clear: both;
	margin: 0 0 15px 15px;
}

/* 0807 ETCカードキャンペーン */
.etc_box {
	border: 1px solid #ff6600;
	padding: 5px 10px;
	float: left;
	text-align: center;
	margin-right: 5px;
	background-color: #FFFFFF;
}

.etc_box2 {
	float: left;
	margin-right: 5px;
	color:#ff6600;
	font-size: 140%;
	margin-top: 0.35em;
}

/* 0807 スープカレー教室  0807 北海道宝島 */

/* 共通可？ */
.box_01 {
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: center;
}

.box_01 p {
	margin: 0px;
	padding: 0px;
}

/* 0809更新時追加*/
.font_09{
	font-size: 0.9em;
}

/*ONLINE SHOP*/
div.online {
	padding: 10px 5px;
}

div.online h3 {
	margin: 10px auto;
}

div.online .left {
	float: left;
	width: 304px;
	margin: 0 0 40px 0;
	padding: 0;
} 

div.online div.right {
	float: right;
	width: 380px;
	margin: 0 0 40px 0;
	padding: 0;
}

div.online div.right p.text_r {
	text-align: right;
	margin: 30px 0 0 0 !important;
	padding: 0 20px!important;
}


/* -------------------------------------------------------------------------------
	
	11.10 OUEN

------------------------------------------------------------------------------- */
.ouen_table {
	border-collapse: collapse;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.ouen_table th {
	background-color: #eee;
	border: 1px solid #999;
	padding: 10px 7px;
	text-align: center;
}

.ouen_table td {
	border: 1px solid #999;
	padding: 10px 7px;
}

.ouen_table span {
	color: #ff6900;
}

.hensai {
	border-top: 1px solid #999;
	padding: 20px 10px 0 10px;
	clear: both;
}

.hensai li {
	border: 1px solid #999;
	list-style-type: none;
	margin: 0 0 12px 0;
	padding: 5px 10px;
}

.hensai li img {
	vertical-align: middle;
}

div.ouenarea {
	margin: 0 auto 60px auto;
	width: 700px;
	padding: 0;
	clear: both;
}

div.ouenarea_head {
	margin: 0 auto 60px auto;
	width: 710px;
	padding: 0;
	clear: both;
}

.w560 {
	width: 560px;
}

.w560 ul {
	margin: 0;
	padding: 0;
}

.w560 ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

.w560 ul li.pa {
	margin: 0 7px;
	padding-bottom: 18px;
}

.tp10 {
	padding: 10px 0 0 0;
}

.large {
	font-size: 120%;
}

.bo {
	border: 1px solid #999;
	margin:  0 0 60px 0;
	padding: 3px;
	width: 330px;
}




dl.konbini dt {
	float: left;
	width: 1em;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

dl.konbini dd {
	margin: 0 0 1em 1em;
	padding: 0;
}



#ouenAd {
	clear: both;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0 0 3px 0;
	padding: 15px;
}

#ouenAd img {
	vertical-align: middle;
}

.br {
	border-right: 1px solid #999;
}

dl.yusou {
}

dl.yusou dt {
	color: #ff6900;
	float: left;
	width: 2em;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

dl.yusou dd {
	margin: 0 0 1em 2em;
	padding: 0;
}




/* -------------------------------------------------------------------------------
	
	海外保険障害保険サービス
	
------------------------------------------------------------------------------- */

dl#use_s{
	margin-left: 10px;
	margin-top: 30px;
}

dl#use_s dt{
	width: 7em;
	float: left;
}

dl#use_s dd{
	float: left;
	width: 580px;
	margin-bottom: 20px;
}

p#scheduleend{
	margin: 10px 0;
	padding: 10px;
	color: #ff660a;
	text-align: center;
	font-weight: 700;
	}

/* -------------------------------------------------------------------------------
	
	お得な情報
	
------------------------------------------------------------------------------- */
div#ho-meBox {
	margin: 0 30px;
}

div#ho-me {
	width: 480px !important;
	float: right !important;
}

div#ho-me h4 {
	font-size: 113%;
	margin-bottom: 1em;
	color: #ff6600;
}

div#ho-mePamphlet {
	width: 160px !important;
	float: left !important;
	font-size: 85%;
}

div#otoku_index div {
	float: left;
	width: 220px;
	margin-bottom: 25px;
}

div#otoku_index div.c {
	float: left;
	width: 220px;
	margin: 0 10px;
}

div#otoku_index div div.bg{
	background-image: url("../e/img/e-head_bg.gif");
	background-repeat: no-repeat;
	text-align: right;
}

div#otoku_index div div.bg img{
	padding: 5px;
}

div#otoku_vp {
	margin: 0 30px !important;
}

div#otoku_vp ul {
	border-top: 1px dotted #454545;
	border-bottom: 1px dotted #454545;
	padding: 20px 0;
}

a#eBook {
	display: block;
	text-align: center;
	padding: 2px;
	margin-bottom: 5px;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* -------------------------------------------------------------------------------
	
	合併FAQ
	
------------------------------------------------------------------------------- */
#nc {
	width: 690px;
	margin: 0;
}


div#nc ul#switch {
	border-bottom: 1px solid #ddd;
	text-align: center;
	margin-top: 20px;
}

div#nc ul#switch li {
	margin: 0 3px;
	border-left: 1px solid  #ddd;
	border-right: 1px solid #ddd;
	border-top: 2px solid   #ff9933;
}

div#nc ul#switch li a {
	padding: 5px;
	display: block;
}

div#nc ul#switch li.ui-tabs-selected,
div#nc ul#switch li.ui-tabs-selected a {
	background-color: #ff9933;
	color: #fff;
	border-top: 2px solid   #ff9933;
}

div#nc ul#switch li a:hover {
	color: #ff9933;
}

div#nc ul#switch li.ui-tabs-selected a:hover {
	color: #fff;
}

/*
div.ncFaq {

}
*/

div.ncFaq h3 {
	margin-bottom: 20px;
}

div.ncFaq dl {
	margin-bottom: 40px;
}

div.ncFaq dt {
	color: #ff9933;
	padding-bottom: 3px;
}

div.ncFaq dd {
	padding-left: 1em;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

div.ncFaq table {
	width: 100%;
	font-size: inherit;
	margin-bottom: 10px;
	border-collapse: collapse;
}

div.ncFaq table caption {
	text-align: left;
	color: #ff9933;
	font-size: 126%;
	padding-top: 20px;
}

div.ncFaq table th {
	background-color: #ffddaa;
}

div.ncFaq table th,
div.ncFaq table td {
	padding: 3px 2px;
	border: 1px solid #454545;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
}

div.ncFaq .small {
	font-size: 85%;
	line-height: 1.3;
}

div.ncFaq ul.small li {
	font-size: 85%;
	line-height: 1.6;
	float: none;
	margin-left: 18px;
	list-style-type: disc;
}

div.ncFaq table table {
	width: 70%;
	margin: 0 auto 10px;
}

div.ncFaq table table td {
	width: 50%;
}

div.ncFaq table .fl40 {
	float: left;
	width: 40%;
	text-align: left;
	padding: 0 5%;
}

div.ncFaq table .fr40 {
	float: right;
	width: 40%;
	text-align: left;
	padding: 0 5%;
}

div.ncFaq table .c70 {
	width: 70%;
	text-align: left;
	margin: 0 auto;
	padding: 0 5%;
}

div.ncFaq span.tp5 {
	padding-top: 5px;
	display: block;
}

div.ncFaq em {
	font-weight: bold;
}


/* -------------------------------------------------------------------------------
	
	BUG FIX 09/05/28
	
------------------------------------------------------------------------------- */
* html .readarea {
	width: 710px;
	margin: 0;
	padding: 10px 0;
}



/* -------------------------------------------------------------------------------
	
	clearfix
	
------------------------------------------------------------------------------- */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
	min-height:1%;/* for IE 7*/
}

/*\*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/**/


/*-- 090611 ivory infometion --*/
.textIndentLayout {
	padding-left: 1em;
	text-indent: -1em;
}

.ouboBox {
	margin: 7px 0px 0px 0px;
}
	/*--IE7 hack--*/
	*:first-child+html .ouboBox {	
	margin: 0px 0px 0px 0px;
	}
	/*--IE6 hack--*/
	* html .ouboBox {
	margin: 0px 0px 0px 0px;
	}


/* -------------------------------------------------------------------------------
	
	UpDate Styles
	
------------------------------------------------------------------------------- */
.pointChange dt {
	float: left;
}

.pointChange dd {
	float: left;
}

.img_left {
	float: left;
	padding: 0 10px 10px 0;
}

li#download {
	list-style: none;
	margin-left: 0px;
	margin-top: 20px;
	padding: 5px;
	background: #fff url(../c/img/c_ex_title.gif) no-repeat 0 50%;
	border: 1px solid #ccc;
	width: 680px;
	height: 71px;
	text-align: right;
}

li#download img {
	padding: 8px;
}


div#visual {
	margin-bottom: 10px;
}



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

	09/10/08 追加

------------------------- */
ul#indexSopLink {
	
}


dl#indexService dt,dl#indexService dd,
dl#indexService ul,dl#indexService ul li {
	margin: 0;
	padding: 0;
}


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

	09/10/013 追加 灯油デリバリー

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

.kerosene_left{
	float: left;
	width: 300px;
	}


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

	09/10/15 ivory

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

p.box_m_bo em{
	color: #ff6600;}

.select_link{
	border: 1px solid #c9caca;
	padding: 5px;
}

.select_link .ph{
	float: left;
	margin-right: 20px;
	width: 93px;
}

div.selects{
	width: 350px;
	float: left;
}

div.selects dd{
	margin-bottom: 5px;}

div.selects_bt{
	background-image: url("../regional/img/ivory_selectlogo.gif");
	background-repeat: no-repeat;
	padding-left: 80px;
	}

div.selects_box{
	float: left;
	width: 400px;
	margin-right: 10px;
}