@charset "UTF-8";


body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 75%;
	line-height: 2;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(images/container_bg.gif);
	background-repeat: repeat-y;
	background-position: top;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}



/*リンク設定
---------------------------------------------------------------------------*/
a {
	color: #333399;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:visited {
	text-decoration: none;
	color: #993366;
}



/*コンテナー（HPを囲むボックス）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 948px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
}



/*ヘッダー（サイト名ロゴとかが入っている上段のブロック）
---------------------------------------------------------------------------*/
#header {
	text-align: left;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 113px;
	position: relative;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
}

/*h1タグ設定*/
#header h1 {
	font-size: 11px;
	color: #999999;
	text-align: right;
	line-height: 14px;
	font-weight: normal;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 700px;
}

/*サイト名ロゴ画像設定*/
#logo {
	position: absolute;
	left: 0px;
	bottom:
}

/*ナビ画像設定*/
#nav {
	position: absolute;
	right: 11px;
	bottom: 52px;
}




/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu {
	background-image: url(images/menu_bg.gif);
	height: 41px;
	width: 705px;
	position: absolute;
	right: 11px;
	bottom: 5px;
}

ul#menu li {
	float: right;
	padding-top: 3px;
	padding-right: 3px;
}

ul#menu img {
	vertical-align: bottom;
}




/*メインコンテンツ（右側）
---------------------------------------------------------------------------*/
#main {
	float: right;
	width: 705px;
	padding-top: 10px;
	padding-bottom: 50px;
	display: inline;
	margin-right: 10px;
}

#main h2 {
	font-size: 120%;
	line-height: 30px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	background-image: url(images/h2bg.gif);
	background-repeat: no-repeat;
	height: 30px;
	overflow: hidden;
	padding-left: 10px;
	background-color: #66CCCC;
	clear: both;
}

#main p {
	padding: 0.5em 10px 1em;
}

.mainimg {
	padding-bottom: 28px;
}

.pan {
 	font-size: 80%;
	text-align: right;
	padding: 0px 2px 5px;
	line-height: 140%;
}

#main .box {
	float: left;
	width: 327px;
	border: 1px solid #DDDDDD;
	margin-left: 3px;
	margin-right: 17px;
	margin-top: 20px;
	padding: 5px;
	background-image: url(images/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#main .box_right {
	float: left;
	width: 327px;
	border: 1px solid #DDDDDD;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 20px;
	padding: 5px;
	background-image: url(images/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#main .box_right_bottom {
	float: left;
	width: 327px;
	border: 1px solid #DDDDDD;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 2.5em;
	margin-top: 20px;
	padding: 5px;
	background-image: url(images/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#main .box p {
 	font-size: small;
	font-weight: normal;
	padding: 5px 0px;
	line-height: 125%;
}
#main .box_right p {
 	font-size: small;
	font-weight: normal;
	padding: 5px 0px;
	line-height: 125%;
}
#main .box_right_bottom p {
 	font-size: small;
	font-weight: normal;
	padding: 5px 0px;
	line-height: 125%;
}

#main .box_title {
	text-align: center;
}

#main .img_s_l {
	float: left;
	padding: 8px 10px 10px 5px;
}

#main .img_more {
	padding: 3px 5px;
	text-align: right;
}



/*ご案内
---------------------------------------------------------------------------*/
#main .box_l {
	width: 670px;
	border: 10px solid #99FFFF;
	margin: 0px 3px 30px 3px;
	padding: 15px 5px;
	text-align: center;
}

#main .box_l p {
	padding: 0px 0px 15px 3px;
}

#main .box_l_h2 {
	font-size: 110%;
	font-weight: bold;
	line-height: 25px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	background-image: url(images/h2bg_goannai.gif);
	background-repeat: no-repeat;
	width: 690px;
	height: 20px;
	overflow: hidden;
	margin-left: 3px;
	padding-left: 10px;
	background-color: #99FFFF;
	clear: both;
}

#main .box_l_ta1 {
	width: 670px;
	text-align: left;
}

#main .box_l_ta1, .box_l_ta1 td, .box_l_ta1 th{
	border: 0px;
	vertical-align: top;
}

#main .box_l_ta1 td, .box_l_ta1 th{
	width: 310px;
	padding: 10px;
}

#main .box_l_ta1 h3 {
	padding-left: 0px;
	padding-bottom: 10px;
	line-height: 125%;
	background-color: #FFFFFF;
	clear: both;
}

#main .box_l_ta1 h4 {
 	font-size: 100%;
	background: url(images/maru.gif) no-repeat top left;
	padding-left: 10px;
	padding-bottom: 0.3em;
	line-height: 130%;
	font-weight: normal;
}

#main .box_l_ta1_p {
	font-size: small;
	font-weight: normal;
	line-height: 125%;
	margin-left: 0px;
	padding-bottom: 0.5em;
}

#main .box_l_ta1 a {
	border-bottom: 1px solid #bfbfbf;
	text-decoration: none;
}

#main .box_l_ta1 a:hover {
	background-color: #F0F0F0;
}



/*メインカテゴリー（横３つ）
---------------------------------------------------------------------------*/
.box3img {
	overflow: auto;
	width: 221px;
	height: 107px;
	float: left;
	display: inline;
	margin-left: 3px;
	margin-right: 16px;
	margin-bottom: 1.5em;
}

.box3img_right {
	overflow: auto;
	width: 221px;
	height: 107px;
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 1.5em;
}

.box3img_right_bottom {
	overflow: auto;
	width: 221px;
	height: 107px;
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 2.5em;
}

/*メインオプション（横２つ）
---------------------------------------------------------------------------*/
.box2img {
	overflow: auto;
	width: 341px;
	height: 85px;
	float: left;
	display: inline;
	margin-left: 3px;
	margin-right: 17px;
	margin-bottom: 2.5em;
	padding-top: 20px;
}

.box2img_right {
	overflow: auto;
	width: 341px;
	height: 85px;
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 2.5em;
	padding-top: 20px;
}



/*サイドコンテンツ（左側）
---------------------------------------------------------------------------*/
#side {
	float: left;
	width: 195px;
	padding-top: 10px;
	padding-bottom: 50px;
	display: inline;
	margin-left: 10px;
}

#side h3 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-image: url(images/h3bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 5px;
	padding-left: 10px;
}

#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
	line-height: 1.5;
}

#shouhin_goannai {
	margin-bottom: 15px;
}

#option {
	margin-top: 8px;
}

#option_bottom {
	margin-top: 8px;
	margin-bottom: 15px;
}

.oshirase {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.6;
	font-size: 88%;
}


/*サイドメニュー
---------------------------------------------------------------------------*/
#side .sidemenu {
	margin-top: 0.5em;
}

#side .sidemenu li {
	background-image: url(images/sidemenu_bg.gif);	/*̃ANZg摜*/
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 150%;
}

#side .sidemenu a {
	display: block;
	text-decoration: none;
	padding: 0px 5px 0px 12px;
}

#side .sidemenu a:hover {
	background-image: url(images/sidemenu_bg.gif);	/*̃ANZg摜*/
	background-repeat: no-repeat;
	background-position: left center;
}


/*サイドボックス
---------------------------------------------------------------------------*/
#side .box {
	width: 188px;
	border: 1px solid #CC9999;
	margin-bottom: 15px;
	padding-left: 5px;
	padding-bottom: 2px;
}

#side .box p {
	padding: 0px 5px;
	text-align: right;
}

#side .setsu {
	padding: 0px 5px;
	text-align: left;
}

/*サイドバナー
---------------------------------------------------------------------------*/
#side .baner {
	margin-bottom: 5px;
}



/*フッターメニュー
---------------------------------------------------------------------------*/
ul#footermenu {
	clear: both;
	width: 100%;
	text-align: center;
}

ul#footermenu li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 170%;
}

ul#footermenu li a:hover {
	text-decoration: underline;
	color: #666666;
}




/*フッター（コピーライトなど最下部ブロック）
---------------------------------------------------------------------------*/
#footer {
	text-align: center;
	color: #666666;
	font-size: x-small;
	background:#FFFFFF;
	background-image: url(images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
	width: 965px;
	padding: 10px 4px 20px;
}






/*メインコンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/
#main dl.new {
	width: 690px;
	height: 140px;
	overflow: auto;
	padding: 10px 0px 10px 10px;
	margin-right: auto;
	margin-left: auto;
}

#main dl.new dt {
	font-weight: bold;
}

#main dl.new dd {
	border-bottom: 1px solid #bfbfbf;
}



/*テーブル（本文で使っているテーブル）
---------------------------------------------------------------------------*/
.ta1 {
	width: 699px;
	margin: 20px 3px;
}

.ta1, .ta1 td, .ta1 th{
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: small;
	line-height: 125%;
}

.ta1 td, .ta1 th{
	padding: 10px ;
}

.ta1 th{
	background-color: #F0F0F0;
	font-weight: bold;
	text-align: left;
}

.ta1 a {
	text-decoration: none;
}

.ta1 li {
 	font-size: 12px;
	background: url(images/maru.gif) no-repeat top left;
	padding-left: 15px;
	margin-top: 5px;
	line-height: 150%;
}

.ta1 hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #bfbfbf;
	height: 1px;
	word-wrap:break-word;
	margin-top: 10px;
}

#main .ta1_inbox {
	float: left;
	width: 200px;
	border: 0px;
	padding: 0px 8px 5px 8px;
	text-align: left;
}

#main .ta1_line {
	float: left;
	margin:0px 5px;
	height: 180px;
	width: 1px;
	background-color: #bfbfbf;
	border-collapse: collapse;
}

#main .ta1_p {
	color: #333333
}


/*その他
---------------------------------------------------------------------------*/
.color1 {
	color: #E60012;
	font-weight: bold;
}

.look {
	background-color: #E4E4E4;
}

.mb1em {
	margin-bottom: 1em;
}

.clear {
	clear: both;
}