@charset "utf-8";
/* CSS Document */


* {
	color:#222222;
	padding:0;
	font-size: 12px;
	line-height: 140%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif, "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
}

body   {
	background-color: #e7e7e7;
	background-image: url("../img/index/bg.gif");
	background-repeat: repeat-x;
	text-align: left;
}

img {
	vertical-align: top;
}

a {
	color:#5A9700;
}

a:hover {
	text-decoration: none;
	color: #FF9900;
}

a img {
	border:none;
}

hr {
	clear: both;
	height: 1px;
}

strong {
	color: #394D4E;
}


.chui {
	font-size: 10px;
	color: #FF0000;
}

#base {
	width:960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 0px;
	border: 1px solid #333333;
	text-align: left;
}


#base_wrap {
	float: left;
	width: 960px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#wrap {
	float: left;
	width: 765px;
	margin-left: 5px;
}

/*
�w�b�_�[
-------------------------------------------------------------------*/

#header   { background-image: url("../img/index/head_img.jpg"); background-repeat: no-repeat; position: relative; width: 960px; height: 180px }


h1 a  { color: #ffffff; font-size: 28px; line-height: 28px; text-decoration: none; text-align: right; position: absolute; top: 115px; left: 690px }
h1 a:hover {
	color: #F4FFB9;
}

#header #sub  { color: #ffffff; font-size: 9px; text-align: left; position: absolute; top: 10px; left: 320px; width: 700px }

#header #sub2 {
	text-align: right;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	right: 80px;
	bottom: 25px;
}

/*�i�r�Q�[�V����
----------------------------------------------- */
#nav  { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; position: absolute; bottom: 0; left: 15px; width: 930px; height: 20px }

#nav ul {
	list-style-type:none;
	display: block;
	margin: 0px;
	padding: 0px;
  }
  

#nav li {
	display: inline;
  }
  
#nav li a    {
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	text-decoration: none;
	background-image: url(../img/index/li.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-right: 22px;
	padding-left: 20px;
	border-left: 1px solid #666666
}

#nav li a:hover   { color: #ffa500; background-color: #336; background-image: url("../img/index/li_ov.gif"); border-bottom: 1px solid #4a5724 }


/*
�R���e���c
-------------------------------------------------------------------*/

#contents {
	width:590px;
	float: right;
}

#contents p { line-height: 20px; margin: 10px 30px; padding: 5px 10px }

#contents h2 {
	font-size: 16px;
	padding-left: 10px;
	color: #3F3F3F;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 5px;
	font-weight: bold;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #AACE6F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	padding-top: 2px;
	padding-bottom: 2px;
}


#contents h3  { color: #555555; font-size: 14px; line-height: 16px; margin: 15px 10px 0 5px; padding-left: 7px; border-bottom: 1px solid #c7377d; border-left: 5px solid #c7377d }

#contents h3 a {
	font-size: 14px;
}
#contents h5   {
	color: #c27274;
	font-size: 12px;
	line-height: 16px;
	background-image: url("../img/index/h4_haikei.gif");
	background-repeat: no-repeat;
	text-indent: 20px;
	margin-top: 15px;
	margin-left: 5px;
	padding-top: 5px;
	height: 20px;
	margin-bottom: 0px;
	text-align: left;
}

#contents ul {
	margin-left: 30px;
	list-style-type: none;
}
#contents li a {
	font-size: 12px;
}

#contents p a {
	line-height: 20px;
}

#contents p strong {
	line-height: 20px;
}

#contents #top_img   {
	background-color: #4d4d4d;
	background-position: center;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 315px;
	text-align: center;
}
#contents #top_img_map { background-color: #4d4d4d; background-image: url("../img/etc/map_img.jpg"); background-repeat: no-repeat; background-position: center; padding-top: 5px; padding-bottom: 5px; height: 200px }
#contents #top_img_studio  { background-color: #4d4d4d; background-image: url("../img/studio/studio_img.jpg"); background-repeat: no-repeat; background-position: center; padding-top: 5px; padding-bottom: 5px; height: 150px }
#contents #top_img_tapkun { background-color: #4d4d4d; background-image: url("../img/tapkun/tapkun_img.jpg"); background-repeat: no-repeat; background-position: center; padding-top: 5px; padding-bottom: 5px; height: 150px }
#contents #top_img p  { color: #ffffff; font-size: 10px; line-height: 12px; background-image: none; margin-top: 35px; margin-right: 300px; margin-left: 25px }


#contents .img_left {
	float: left;
	background-color: #FFFFFF;
	padding: 5px;
}

#contents .img_left img {
	border: 1px solid #999999;
}

#contents .c_img_left {
	float: left;
	background-color: #FFFFFF;
	padding: 10px;
}

#contents .c_img_left img {
	border: 1px solid #999999;
}

#contents .c_img_right {
	float: right;
	background-color: #FFFFFF;
	padding: 10px;
}

#contents .c_img_right img {
	border: 1px solid #999999;
}

.btn a   { color: #4d4d4d; font-size: 9px; line-height: 17px; text-decoration: none; background-color: #7a7a76; background-image: url("../img/index/btn.gif"); text-align: center; display: block; padding-right: 5px; padding-left: 5px; position: absolute; right: 5px; bottom: 10px; width: 80px; height: 17px; border: solid 1px #d2d2d2 }

.btn a:hover   { background-color: #ff9900; background-image: url("../img/index/btn_ov.gif") }
/*���C���R���e���c��́uWhat's New�v����
---------------------------------------------------------------------------*/
#contents dl.new   { background: #eeede9; margin-bottom: 20px; margin-left: 5px; padding: 10px; width: 552px; height: 100px; overflow: auto; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd }
#contents dt  { color: #336; font-weight: bold }

#contents dd  { border-bottom: 1px dotted gray }
/*�R���e���c��̕���*/
.message_box { background: #eeede9; margin-bottom: 20px; margin-left: 5px; padding: 10px; width: 552px; height: auto; overflow: auto; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd }
/*�}�b�v�O�g*/
.layoutbox1 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; margin-bottom: 20px; margin-left: 5px; padding: 10px; width: 552px; height: auto; overflow: auto; border: solid 1px #ddd }
/*
�Qbox
-------------------------------------------------------------------*/
#base #wrap #contents .box2   { background-image: url("../img/index/box_bg.gif"); background-repeat: repeat-x; background-position: 50% bottom; margin: 5px; padding: 5px; position: relative; width: 270px; height: 130px; float: left; border: solid 1px #dddddd }
#base #wrap #contents .box2 h3    { color: #fff; font-size: 11px; background-image: url("../img/index/box2h3_haikei.gif"); margin: 0; border-bottom: 1px solid #dcdbd8; border-left: medium none #336 }

#base #wrap #contents .box2 p {
	margin: 0px;
}
/* --- 3�T�C�g�V���b�s���O --- */

.shopping   { background-color: #fff; margin: auto auto 50px; width: 570px; border-top: 2px solid #336 }

.shopping-m1 {
  float: left;
  width: 2px;
  height: 1px;
}

.shopping-c1 {
  float: left;
  width: 182px;
}

.shopping-m2 {
  float: left;
  width: 10px;
  height: 1px;
}

.shopping-c2 {
  float: left;
  width: 182px;
}

.shopping-m3 {
  float: left;
  width: 10px;
  height: 1px;
}

.shopping-c3 {
  float: left;
  width: 182px;
}

/*
�e�[�u��
-------------------------------------------------------------------*/

#contents table {
	width: 555px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#contents table td {
	padding: 5px;
	border: 1px solid #EAE8DF;
}
#contents table th {
	background-color: #EFEDE7;
	padding: 7px;
}
#contents form table th {
	width: 127px;
}

/*
�p���������X�g
-------------------------------------------------------------------*/
#contents #pan {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
}
#contents #pan a {
	margin-right: 7px;
	margin-left: 7px;
}
#contents #pan strong {
	margin-left: 7px;
}
#contents .fontbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}


/*
�T�C�h�E���j���[
-------------------------------------------------------------------*/
#side {
	float: left;
	width: 170px;
	background-color: #EEEDE9;
	padding-bottom: 10px;
}

#side li {
	list-style-type: none;
}

#side .side_d {
	padding-top: 2px;
	margin-bottom: 5px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	border: 1px solid #FFFFFF;
	background-color: #B9B8AC;
}
#side .side_dr { background-color: white; margin: 5px auto; padding-top: 2px; width: 160px; border: solid 1px #ffffff }
#side .side_d h3    { color: white; font-size: 11px; line-height: 23px; background-color: #666666; background-image: url("../img/index/side_h3_haikei.gif"); text-align: center; display: block; margin: 3px auto 0; width: 146px; height: 23px; border-right: 1px solid #969583; border-left: 1px solid #969583 }

#side .side_d ul {
	margin-bottom: 5px;
}

#side .side_d li a   { color: #4d4d4d; font-size: 12px; line-height: 15px; text-decoration: none; background-color: #eeeeee; background-image: url("../img/index/li.gif"); background-repeat: no-repeat; background-position: 7px center; display: block; margin-right: auto; margin-left: auto; padding: 3px 15px; width: 120px; border-top: 1px solid #cbc8bc; border-bottom: 1px solid #948c74 }


#side .side_d li a:hover   { color: #336; text-decoration: none; background-color: silver; background-image: url("../img/index/li_ov.gif"); background-position: 8px 50% }


#side img {
	border:none;
}

#side p {
	padding: 10px;
}

#side p a {
	font-size:10px;
	background-color: #E2DECF;
	display: block;
	padding: 10px;
	line-height: 15px;
	border: 2px solid #C6BCB0;
}

#side #side_pr {
	margin: 10px;
	padding: 10px;
	border: 1px solid #DBD9D0;
	background-color: #F8F8F5;
}

/*
�E�T�C�h�E���j���[
-------------------------------------------------------------------*/
#side_r    { font-size: 10px; background-color: #ddd; margin-right: 5px; padding-bottom: 10px; width: 178px; float: right; border: solid 1px #eeede9 }

#side_r li {
	list-style-type: none;
}

#side_r .side_d  { margin: 5px auto; padding-top: 2px; width: 170px; border: solid 1px #ffffff }
#side_r .side_dr { background-color: #fff; margin-top: 5px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px; width: 170px; border: solid 1px #ffffff }
#side_r .side_d h3      { color: #ffffff; font-size: 12px; line-height: 23px; background-color: white; background-image: url("../img/index/side_h3_haikei.gif"); background-repeat: no-repeat; text-align: center; display: block; margin-top: 3px; margin-right: auto; margin-bottom: 0; width: 170px; height: 23px; border: solid 1px #dbdbdb }

#side_r .side_d ul {
	margin-bottom: 5px;
}

#side_r .side_d li a   { color: #666666; font-size: 12px; line-height: 15px; text-decoration: none; background-color: #eeeeee; background-image: url("../img/index/li.gif"); background-repeat: no-repeat; background-position: 7px center; display: block; margin-right: auto; margin-left: auto; padding: 3px 15px; width: 130px; border-top: 1px solid #cbc8bc; border-bottom: 1px solid #948c74 }


#side_r .side_d li a:hover {
	background-color: #FCF9E4;
	color: #000000;
	text-decoration: none;
	background-position: 8px;
}


#side_r img {
	border:none;
}

#side_r p {
	padding: 10px;
}

#side_r p a {
	font-size:10px;
	background-color: #E2DECF;
	display: block;
	padding: 10px;
	line-height: 15px;
	border: 2px solid #C6BCB0;
}

#side_r #side_pr {
	margin: 10px;
	padding: 10px;
	border: 1px solid #DBD9D0;
	background-color: #F8F8F5;
}
/*�^�b�v�}�K�W���g
*/
#side_tm { font-size: 10px; line-height: 12px; background-image: url("../img/index/tapmagazine.jpg"); background-position: 168px 200px; margin-bottom: 5px; padding: 0 0 10px; width: 168px; height: 150px; border: solid 1px #dddddd }
.side_tm_txt { color: #fff; font-size: 10px; margin-top: 40px; margin-right: 12px; margin-left: 12px }
.side_tm_date { color: #fff; font-size: 10px; text-align: left; margin-top: 60px; margin-left: 15px; top: 80px; left: 20px }
.sidebox     { font-size: 10px; line-height: 12px; background-image: url("../img/index/box_bg.gif"); background-repeat: repeat-x; background-position: 50% bottom; margin-bottom: 5px; padding: 0 0 10px; width: 168px; height: auto; border: solid 1px #dddddd }
.sidebox_txt { font-size: 10px; line-height: 11px; padding: 3px }
#sidebox p   { font-size: 10px; margin: 0; float: left }

/*
�t�b�^���j���[
-------------------------------------------------------------------*/

#f_menu   { background-color: #f5f4f0; background-image: url("../img/index/foot_bg.gif"); background-repeat: repeat-x; background-position: 50% bottom; padding: 10px; clear: both; border: solid 1px #e2e2de }
#f_menu li {
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 20px;
}
#f_menu ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
#f_menu li a {
	font-size: 12px;
	color: #576C00;
}

#f_menu p {
	font-size: 10px;
	color: #333333;
}

#f_menu #pr {
	font-size: 10px;
	color: #888888;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: right;
}
#f_menu #pr a {
	font-size: 10px;
	color: #959A76;
}
.f_font { font-size: 9px; line-height: 11px }
/*
�R�s�[���C�g
-------------------------------------------------------------------*/

address  { color: #ffffff; font-size: 10px; font-style: normal; background-color: #4d4d4d; text-align: right; display: block; padding: 5px }

*html body #wrap {
	margin-left: 3px;
}
*html body #side_r {
	margin-right: 3px;
}