@charset "Shift_JIS";
/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 */

/********************共通********************/
* {
	margin: 0;
	padding: 0;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,em {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff7dc;
	color: #646464;
	font-size: 13px;
	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ゴシック";
	line-height: 1.8;	
}
/** IE7適用 **/
*:first-child+html body {
	font-size: 80%;
}
/** IE4〜6適用 **/
body {
	_font-size: 80%;
}
/** IE4〜6適用 **/
body {
	_text-align: center;
}
img {
	display: block;
	border: 0;
}
#top,#yushi,#kinri,#video,#staff,#voice,#inquiry,#privacy,#privacy02,#privacy03,#company,#company02,#sitemap,#mypage02,#form0,#form {	
}

/*****clear*****/
.clear {
	clear: both;	
}
.clearfix:after {
   display: block;
   clear: both;
   height: 0;
   content: ".";
   visibility: hidden;
}
.clearfix { 
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/********************Divコンテナー********************/
#box {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../img/common_background.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
/***別窓/個人情報・会社概要***/
#privacy02 #box,
#privacy03 #box,
#company02 #box,
#mypage02 #box {
	width: 700px;
	background-image: none;
	background-color: #fff;
}
#box #head {
	width: 950px;
	height: 60px;
	margin: 0 auto;
	background-color: #fff;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #ffcc66;
}
/***別窓/個人情報・会社概要***/
#privacy02 #box #head,
#privacy03 #box #head,
#company02 #box #head,
#mypage02 #box #head {
	width: 700px;
}
#box #main0 {
	width: 950px;
	margin: 0 auto;
}
/** IE4〜6 **/
#box #main0 {
	_text-align: left;
}
/***別窓/個人情報・会社概要***/
#privacy02 #box #main0,
#privacy03 #box #main0,
#company02 #box #main0,
#mypage02 #box #main0 {
	width: 600px;
	height: 400px;
	padding: 0 50px;
}
/** IE4〜6適用 **/
#privacy02 #box #main0,
#privacy03 #box #main0,
#company02 #box #main0 {
	_height: 420px;
}
/** IE7のみ適用 **/
*:first-child+html #privacy02 #box #main0,
*:first-child+html #privacy03 #box #main0,
*:first-child+html #company02 #box #main0 {
	height: 420px;
}
/***別窓/マイページ***/
#mypage02 #box #main0 {
	height: auto;
}
/***別窓/個人情報・会社概要***/
#privacy02 #box #main0,
#privacy03 #box #main0,
#company02 #box #main0,
#mypage02 #box #main0 {
	width: 600px;
	height: 400px;
	padding: 0 50px;
}
#mypage02 #box #main0 {
	height: auto;
}
#box #main0 #main {
	float: right;
	width: 600px;
	_width: 700px;/** IE4〜6適用 **/
	padding: 20px 50px;
}
#box #main0 #left {
	float: left;
	width: 210px;
	padding: 20px;
}
#box #footer {
	clear: both;
	width: 950px;
	height: 40px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 0;
	background-color: #ffcc66;
	color: #333;
	font-size: 85%;
	text-align: center;
	line-height: 130%;
}
/***別窓/個人情報・会社概要***/
#privacy02 #box #footer,
#privacy03 #box #footer,
#company02 #box #footer,
#mypage02 #box #footer {
	width: 700px;
}


/********************共通/グローバルナビボタン********************/
ul#gnavi {
	list-style: none;
	position: relative;
	clear: both;
	width: 950px;
	height:40px;
	margin: 0 auto;
	_margin-left: 0;/** IE4〜6適用 **/
	padding: 0;
	background-color: #fff;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#gnavi li a {
	display: inline;
	position: absolute;
	width: 158px;
	height:40px;
	top:0;
}
li#gnavi01 a {
	background-image: url(../img/common_gnavi01.gif);
	width: 159px;
	left: 0;
}
li#gnavi02 a {
	background-image: url(../img/common_gnavi02.gif);
	width: 159px;
	left: 159px;
}
li#gnavi03 a {
	background-image: url(../img/common_gnavi03.gif);
	left: 318px;
}
li#gnavi04 a {
	background-image: url(../img/common_gnavi04.gif);
	left: 476px;
}
li#gnavi05 a {
	background-image: url(../img/common_gnavi05.gif);
	left: 634px;
}
li#gnavi06 a {
	background-image: url(../img/common_gnavi06.gif);
	left: 792px;
}
li#gnavi01 a:hover,
li#gnavi02 a:hover,
#top li#gnavi01 a,
#yushi li#gnavi02 a{
	background-position: 159px 0px;
}
li#gnavi03 a:hover,
li#gnavi04 a:hover,
li#gnavi05 a:hover,
li#gnavi06 a:hover,
#kinri li#gnavi03 a,
#video li#gnavi04 a,
#staff li#gnavi05 a,
#voice li#gnavi06 a{
	background-position: 158px 0px;
}


/********************共通/右上ボタン********************/
ul#lnavi {
	list-style-type: none;
	float: right;
	margin-top: 35px;
	margin-right: 20px;
}
ul#lnavi li {
	display: inline;
	min-height: 17px;
	height: 17px;
	margin-left: 10px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../img/common_lnavi_list.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/********************共通/左側********************/
#left ul {
	list-style-type: none;	
}
#left li {
	margin-bottom: 20px;
}
/***webから***/
#left li#left_web a {
	display: block;
	width: 210px;
	height: 62px;
	background-image: url(../img/common_left_web.gif);
	text-indent: -9999px;
	text-decoration: none;	
}
#left li#left_web a:hover {
	background-position: 210px 0px;
}
/***ビデオをみる***/
#left li#left_video a {
	display: block;
	width: 210px;
	height: 80px;
	background-image: url(../img/common_left_video.gif);
	text-indent: -9999px;
	text-decoration: none;	
}
#left li#left_video a:hover {
	background-position: 210px 0px;
}
/***TVCMをみる***/
#left li#left_cm a {
	display: block;
	width: 210px;
	height: 50px;
	background-image: url(../img/common_left_cm.gif);
	text-indent: -9999px;
	text-decoration: none;	
}
#left li#left_cm a:hover {
	background-position: 210px 0px;
}
/***携帯サイト***/
#left li#left_mobile {
	width: 195px;
	height: 100%;
	padding: 5px 5px 5px 10px;
	background-color: #fff;
}
#left li#left_mobile em {
	font-size: 110%;
}
#left li#left_mobile p {
	float: left;
	width: 95px;
	margin-bottom: 0;
	font-size: 90%;
	line-height: 150%;
	word-wrap:break-word;
}
#left li#left_mobile img {
	float: left;
	width: 95px;
	margin-top: -5px;
	margin-left: 5px;
}
/***マイページログイン***/
#left li#left_mypage a {
	display: block;
	width: 210px;
	height: 35px;
	background-image: url(../img/common_left_mypage.gif);
	text-indent: -9999px;
	text-decoration: none;	
}
#left li#left_mypage a:hover {
	background-position: 210px 0px;
}
/***矢印/マイページについて***/
#left li#left_link {
	height: 17px;
	background-image: url(../img/common_left_link.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: -17px;
	padding-left: 20px;
}


/********************見出し********************/
h1.large_m {
	width: 590px;
	_width: 600px;/** IE4〜6適用 **/
	height: 34px;
	_height: 50px;/** IE4〜6適用 **/
	margin-bottom: 10px;
	padding-top: 16px;
	padding-left: 10px;
	background-image: url(../img/common_h1large.gif);
	color: #663300;
	font-size: 120%;
	font-weight: bold;
	line-height: 100%;
}
h1.medium_m,
h2.medium_m {
	width: 590px;
	_width: 600px;/** IE4〜6適用 **/
	height: 22px;
	_height: 30px;/** IE4〜6適用 **/
	margin-top: 40px;
	margin-bottom: 10px;
	padding-top: 8px;
	padding-left: 10px;
	background-image: url(../img/common_h2medium.gif);
	color: #663300;
	font-size: 110%;
	font-weight: bold;
	line-height: 100%;
}
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited {
	color: #663300;
}
h2.small,
h3.small {
	margin-top: 30px;
	font-size: 100%;
	font-weight: bold;
	color: #663300;
}
h1.akit10 {
	margin-top: 10px;
	font-size: 120%;
}
h1.medium_m {
	margin-top: 10px;
}
h1.large_m+h2.medium_m {
	margin-top: 0;
}
h2.medium_m:first-child {
	margin-top: 0;
}
p+h2.medium_m {
	margin-top: 30px;
}
h2.medium_m+h3.small {
	margin-top: 0;
}


/********************ロゴ********************/
/***TOP***/
#top h1.toplogo {
	float: left;
	width: 165px;
	height: 60px;
	background-image: url(../img/common_logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
/***TOP以外***/
#logo {
	float: left;
	width: 165px;
	height: 60px;
	margin-bottom: 0;
}


/********************ページTOPへ戻る********************/
#page_top {
	float: right;
	margin-top: 20px;
	padding-left: 15px;
	background-image: url(../img/common_page_top.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 90%;
}
#main #page_top a:link,
#main #page_top a:visited {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f87816;
}


/********************文字********************/
p {
	margin-bottom: 10px;
}
p.aki0 {
	margin-bottom: 0;
}
p.aki10 {
	margin-top: 10px;
	margin-bottom: 0;
}
p.aki_10 {
	margin-bottom: -10px;
}
p.akit10 {
	margin-top: 10px;
}
strong {
	color: #663300;
}
strong.black {
	color: #646464;
}
em {
	font-style: normal;
	font-weight: bold;
	color: #663300;
}
em.black {
	color: #646464;
}
.black30 {
	color: #b3b3b3;
}


/*****テーブル*****/
table {
	width: 100%;
	background: #999;
	font-size: 100%;
	line-height: 150%;	
}
td,
th {
	padding: 5px;
	background: #fff;
	vertical-align: top;
	font-weight: normal;
}
th {
	background: #eee;
	text-align: center;
	vertical-align: top;
}


/*****link*****/
a:link,
a:visited {
	color: #646464;
	text-decoration: none;
}
a:hover,
a:active {
	color: #ccc;



}