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

/*レイアウト
----------------------------------------------------------*/

* {
margin: 0;
padding: 0;
}

img {border: 0px;}


body {
	font-family: trebuchet ms;
	background: 0 0 repeat;
	color: #333;
	text-align: center;
	line-height: 1.5em;
	font: normal 14px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
	background-image: url(img/bg01_06.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

a img,:link img,:visited img {
    border: none;
}

a {
	text-decoration: none;
	color: #00F;
}

a:hover {
	text-decoration: underline;
}

#container {
	width: 810px;
	text-align: left;
	padding: 0;
	background: #fff;
	border: 1px solid silver;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	display: block;
}

/*ヘッダー
----------------------------------------------------------*/

#header {
	width: 800px;
	height: 120px;
	background: #FFFFFF url(http://www.moshimo.com/images/shop/service/dekisugi/pc/header/050.jpg) center no-repeat;
	margin: 5px 0px 5px 4px;
}

#header-cate {
	width: 780px;
	background: #FFFFFF url(img/main.jpg) no-repeat;
	height: 120px;
	margin: 5px 0 5px 5px;
	border: 1px solid silver;
}

/* ナビゲーション */
#header_navi {
	font-size: 10px;
	margin-right: 10px;
	text-align: right;
	padding: 10px 0px 0px 0px;
	color: 333;
}

#header #card {
	position: absolute;
	background-image: url(img/shopping_card.jpg);
	background-repeat: no-repeat;
	width: 133px;
	height: 30px;
	margin-left: 0px;
	margin-top: 0px;
	text-indent: -9999px;
}

/* タイトル */
h1 {
	display: block;
	margin-left: 260px;
	margin-top: 0px;
	margin-bottom: 5px;
}
	
/* サブタイトル */
h2 {
	font-weight: bold;
	font-size: 90%;
	color: #fff;
	margin-top: 80px;
	margin-left: 20px;
}

/*ナビゲーションバー
----------------------------------------------------------*/

#navi {
	clear: both;
	width: 800px;
	height: auto;
	margin: 0px 0px 0px 5px;
	background-color: #fff;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

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

#navi li {
	float: left;
	margin: 3px 1px 1px 1px;
	padding: 0;
	}

#navi li a {
}

#navi li a:hover {
	color: white;
	text-decoration: none;
}

/*
コンテンツ
-------------------------------------------------------------------*/

#contents {
	width:800px;
	height: auto;
	float: right;
	margin: 5px;
	border: 1px solid silver;
}

#wrapper {
	float: left;
	width: 650px;
	height: auto;
}

/*
コンテンツ―メイン
-------------------------------------------------------------------*/

#alpha {
	float: right;
	width: 500px;
	height: auto;
	background: #fff;
}

#alpha h2 {
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #333;
	font-size: 15px; 
	padding: 5px;
}

.box-480 {
	width: 480px;
	height: auto;
	margin: 10px;
	background-color: #fff;
}

/*トップバナー*/

div.bnrBox{
	position: relative;
	width: 500px;
	height: auto;
	padding: 0px;
	background-color: #fff;
	border-top: 0px;
	margin-bottom: 10px;
}
div.bnrBox ul {
	list-style: none;
}
div.bnrBox ul li{
	float: left;
	position: relative;
	width: 160px;
	margin: 5px 5px 5px 0px;
	left: 4px;
	top: 0px;
	font-size: 90%;
	background-color: #fff;
	text-align: center;
}
div.bnrBox ul li img{
	display: block;
	margin: 0 auto 3px auto;
}
div.bnrBox ul li a {
	text-decoration: none;
	color: #666;
}

/*infoArea*/

div#infoArea{
	position: relative;
	width: 480px;
	margin: 10px;
	border: 1px solid #999;
}
div#infoArea ul.infoNewsList{
	height: 200px;
	overflow: auto;
}
.sectionTitle{
	margin: 5px 0 10px 5px;
}
div#infoArea ul.infoNewsList li{
	height: auto;
	margin: 5px 0 0px 0;
	padding: 0px 0 18px 0;
	list-style-type: none;
	font-size: 82%;
	line-height: 1.5;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(img/line_horizon.gif);
}
.day {
	float: left;
	text-align: left;
	text-indent: 1em;	
}
.titile {
	text-align: left;
	text-indent: 2em;
	margin-left: 20px;
}
	

/*
コンテンツ　―　レフト
-------------------------------------------------------------------*/

#beta {
	float: left;
	width: 145px;
	height: auto;
	background: #fff;
	border-bottom: 0px;
	border-left: 0px;
	border-right: solid 1px #CCC;
	border-top: 0px;
}

#beta h2 {
	line-height: 20px;
	margin: 0px;
	color: #333;
	font-size: 12px; 
	padding: 3px;
}

.left_d {
	width: 140px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin: 5px 0px 15px 2px;
	padding: 0;
	background-color: #fff;
}

.left_d ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.left_d li {
	margin: 0px;
}

.left_d li a {
	display: block;
	height: auto !important;
	height: 20px;
	color: #00F;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
	padding: 4px 0px 4px 0px;
	border-bottom: dotted 1px #999;
	border-left: 0px;
	border-right: solid 1px #fff;
	border-top: 0px;
	background-color: #FFF;
	text-align: center;
}

.left_d li a:hover {
	background-color: fff;
	color: #00F;
	text-decoration: underline;	
}

/*subNavi*/

div.subNavi{
	width: 140px;
	margin: 0px 0px 5px 3px;
	background-color: #fff;
}

div.subNavi ul{
	list-style: none;
}
div.subNavi li{
	text-align: left;
}
div.subNavi ul li{
	list-style-type: none;
	font-size: 12px;
	line-height: 1.6;
}
div.subNavi ul li ul{
	margin: 0 0 0 5px;
}
div.subNavi ul li ul li{
	font-size: 90%;
}
div.subNavi ul li a{
	display: block;
	height: auto !important;
	height: 20px;
	color: #00F;
	text-align: left;
	text-decoration: none;
	border-bottom: dotted 1px #999;
	line-height: 20px;
	padding: 3px 0px 4px 15px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 2px center;
}

div.subNavi ul li a:link    { background-image: url(img/icon/arrow.gif);}
div.subNavi ul li a:visited { background-image: url(img/icon/arrow_visited.gif);}
div.subNavi ul li a:hover   { background-image: url(img/icon/arrow_hover.gif); text-decoration: underline;}
div.subNavi ul li a:active  { background-image: url(img/icon/arrow_active.gif);}

div.subNavi ul li ul li a:link    { background-image: url(img/icon/icon_arrow2.gif);}
div.subNavi ul li ul li a:visited { background-image: url(img/icon/icon_arrow2_visited.gif);}
div.subNavi ul li ul li a:hover   { background-image: url(img/icon/icon_arrow2_hover.gif); text-decoration: underline;}
div.subNavi ul li ul li a:active  { background-image: url(img/icon/icon_arrow2_active.gif);}

.no-link {
	padding: 3px 0px 4px 15px;
	background-image: url("img/icon/arrow.gif");
	background-repeat: no-repeat;
	background-position: 2px center;
	border-bottom: dotted 1px #999;
}

/*
コンテンツ　―　ライト
-------------------------------------------------------------------*/

#gamma {
	float: right; 
	width: 145px;
	height: auto;
	background: #fff;
	border-bottom: 0px;
	border-left: solid 1px #CCC;
	border-right: 0px;
	border-top: 0px;
}

#gamma h2 {
	line-height: 20px;
	margin: 0px;
	color: #333;
	font-size: 12px; 
	padding: 3px;
}

.right_d {
	width: 140px;
	margin-right: auto;
	margin-left: auto;
	margin: 5px 0px 15px 2px;
	padding: 0;
	background-color: #fff;
}

.right_d ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.right_d li {
	margin: 0px;
}

.right_d li a {
	display: block;
	height: auto !important;
	height: 20px;
	color: #00F;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
	border-bottom: dotted 1px #999;
	border-left: 0px;
	border-right: solid 1px #fff;
	border-top: 0px;
	padding: 4px 0px 4px 0px;
	background-color: #FFF;
	text-align: center;
}

.right_d li a:hover {
	background-color: fff;
	color: #00F;
	text-decoration: underline;
}

/*
文字装飾系
-------------------------------------------------------------------*/

.font-red-15 {
    color: #ff0000;
    font-weight:bold;
    font-size: 15px;
	line-height: 1.2;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.font-red-20 {
    color: #ff0000;
    font-weight:bold;
    font-size: 20px;
	line-height: 1.5;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.item-explain {
    margin-top: 0.5em;
	margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    line-height: 1.5;
    font-size: 14px;
    text-align: left;
}

/*
見出し
-------------------------------------------------------------------*/

.midasi-01 {
	width: auto;
	padding-left: 15px;
	margin: 0 0 10px 0px;
	background-color: #00b8e7;
	background-image: url(img/gura02.gif);
	background-position: right;
	background-repeat: repeat-y;
	text-align: center;
}

.midasi-02 {
	width: auto;
	margin: 0px;
	border-top: 1px solid #00b8e7;
	border-right: 1px solid #00b8e7;
	border-bottom: 1px solid #00b8e7;
	border-left: 15px solid #00b8e7;
	text-align: center;
}

.midasi-03 {
	width: auto;
	margin: 0px;
	border-top: 1px solid #00b8e7;
	border-right: 1px solid #00b8e7;
	border-bottom: 1px solid #00b8e7;
	border-left: 5px solid #00b8e7;
	text-align: center;
	margin: 1px;
	padding: 1px;
}

.midasi-04 {
	width: auto;
	background-color: #feff74;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #999;
	border-left: 0px;
	border-right: solid 1px #999;
	border-top: 0px;
	text-align: center;
}

.midasi-05 {
	width: 140px;
	background-color: #fff;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

/*　商品紹介部分
----------------------------------------------------------*/

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.inline-left {
	text-align: left;
}

.inline-center {
	text-align: center;
}

.inline-right {
	text-align: right;
}

/*フッター
----------------------------------------------------------*/

#footer {
	clear: both;
	width: 800px;
	height: 20px;
	margin: 2px 1px 5px 5px;
	background-color: #fff;
}

.copy {
	text-align: center;
	font-size: 12px;
	padding: 2px;
}

.hidden {
   display: none;
   visibility: hidden;
}
.alignright {
   float: right;
}
.alignleft {
   float: left;
}
.clear {
   clear: both;
}

.clear-both {
	clear: both;
	float: none;
	width: 0px;
	height: 0px;
	visibility: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

* html .clear-both {
	clear: both;
	width: 0px;
	height: 0px;
	display: none;
	margin: 0;
	padding: 0;
}

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