/* CSS Document */



/*BASIC*/

 
body,td,th {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
}

body {
	background-color: #FFFFFF;
	line-height:140%;
	margin: 0px;
	text-align: center;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}

hr {
	display: none;
}


#mainBox h1 {
	margin: 0px;
	padding: 0px;
}

#h1link {
	font-size: 9px;
	background-image: url(SysImages/doreca-gead.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 790px;
	margin-right: 10px;
	margin-left: 10px;
	display: block;
	text-indent: -9999px;
	margin-top: 0px;
	margin-bottom: 0px;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}


/*MainBox*/

#mainBox {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 810px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
}

#mainBox #Contents {
	background-image: url(SysImages/contents-back.gif);
	background-repeat: repeat-y;
	background-position: 8px;
	overflow: hidden;
	width: 788px;
	padding-bottom: 0px;
	float: left;
	display: block;
	border: 1px solid #999999;
	position: relative;
	margin: 0px;
	/*top: -35px;*/
	right: 10px;
	left: 10px;
}

#mainBox h2	{
	margin:0px;
	padding:0px;
}

#mainBox #BlogTitle a{
	background-image: url(SysImages/blogtitle.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 110px;
	width: 790px;
	clear: both;
	background-color: #FFFFFF;
	text-indent: -9999px;
	background-position: 0px 10px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#mainBox .Copyright {
	display: block;
	padding: 0px;
	font-size: 4px;
	height: 10px;
	float: left;
	width: 788px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}


/*TopMenu*/


.TopMenu {
	list-style-type: none;
	display: block;
	height: 26px;
	width: 450px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	overflow: hidden;
	position: relative;
	top: -59px;
	left: 355px;

}

.TopMenu a {
	display: block;
	height: 26px;
	width: 89px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
	float: left;
	text-indent: -9999px;
}
.TopMenu li {
	float: left;
	margin: 0px;
	padding: 0px;
}



.TopMenu #nav1 a:hover {
	background-position: -2px -26px;
	background-image: url(SysImages/navi-back.gif);
	text-decoration: none;
}

.TopMenu #nav2 a:hover {
	background-position: -91px -26px;
	background-image: url(SysImages/navi-back.gif);
	text-decoration: none;
}

.TopMenu #nav3 a:hover {
	background-position: -180px -26px;
	background-image: url(SysImages/navi-back.gif);
	text-decoration: none;
}

.TopMenu #nav4 a:hover {
	background-position: -269px -26px;
	background-image: url(SysImages/navi-back.gif);
	text-decoration: none;
}

.TopMenu #nav5 a:hover {
	background-position: -358px -26px;
	background-image: url(SysImages/navi-back.gif);
	text-decoration: none;
}

/*Header*/

div#header {
	padding:5px 0 0;
	height:130px;
}

div#header p {
	float:left;
	margin:0 10px 1em;
	color:#666;
}

div#header p.desc {
	float:none;
	margin:0 10px 8px;
	color:#666;
}

div#header p#breadcrumbs {
	margin:5px 10px;
	color:#333;
	width:800px;
}


div#header p span {
	font-size:1.5em;
	font-weight:bold;
}

div#header a.whatMyDoreca {
	background:url(SysImages/btn_what_my_doreca.gif) top left no-repeat;
	float:right;
	width:120px;
	height:0;
	padding:25px 0 0;
	overflow:hidden;
	margin:0 10px;
}

div#header h1 {
	width:350px;
	height:40px;
	clear:left;
	float:left;
	margin:0 0 10px 10px;
}

div#header h1 a{
	background:url(SysImages/logo.gif) top left no-repeat;
	display:block;
	width:350px;
	height:0px;
	padding:40px 0 0;
	overflow:hidden;
	float:left;
}

div#header ul#menu 	{
	width:380px;
	height:40px;
	float:right;
	text-align:right;
	margin:-5px 0px 15px;
	font-size:12px;
                padding:0px;
}

div#header ul#menu li{
	display:inline;
}

div#header ul#menu li a{
	background:url(SysImages/icn_arrow.gif) center left no-repeat;
	padding:0 0 0 1em;
	margin:0 0 0 1em;
	color:#003398;
}

div#header ul#menu li a:hover{
 color:#6286C1;
	text-decoration:none;
}

#menu .logo ul {
 padding:0px;
}

div#header ul#gnav{
	clear:both;
	background:url(SysImages/bg_gnav.gif) bottom left repeat-x;
	margin:0;
	height:50px;
	padding:0 10px;
}

div#header ul#gnav li{
	float:left;
	display:block;
	width:130px;
	height:30px;
}

div#header ul#gnav li a{
	background:url(SysImages/btn_gnav.gif) top left no-repeat;
	display:block;
	width:130px;
	height:0;
	overflow:hidden;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

div#header ul#gnav li.li01 a{background-position:0px -30px;}
div#header ul#gnav li.li02 a{background-position:-130px -30px;}
div#header ul#gnav li.li03 a{background-position:-260px -30px;}
div#header ul#gnav li.li04 a{background-position:-390px -30px;}
div#header ul#gnav li.li05 a{background-position:-520px -30px;width:130px;}

div#header ul#gnav li.li01 a:hover{background-position:0px 0px;}
div#header ul#gnav li.li02 a:hover{background-position:-130px 0px;}
div#header ul#gnav li.li03 a:hover{background-position:-260px 0px;}
div#header ul#gnav li.li04 a:hover{background-position:-390px 0px;}
div#header ul#gnav li.li05 a:hover{background-position:-520px 0px;width:130px;}

body#index #wrapper div#header ul#gnav li.li01 a{background-position:0px -60px;}
body#search div#header ul#gnav li.li02 a{background-position:-130px -60px;}
body#shop div#header ul#gnav li.li03 a{background-position:-260px -60px;}
body#contents div#header ul#gnav li.li04 a{background-position:-390px -60px;}
body#mydoreca div#header ul#gnav li.li05 a:hover{background-position:-520px -60px;width:130px;}


/*Blog Area*/


.Blog {
	padding: 10px;
	width: 588px;
	display: block;
	float: left;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-bottom: 10px;
}

.Blog .Vol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #40c7ff;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.Blog h4 {
	font-family: sans-serif;
	font-size: 18px;
	color: #40c7ff;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	text-indent: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #40c7ff;
}

.Blog .Category {
	text-align: right;
	padding: 0px;
	font-size: 12px;
	color: #40C7FF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}




/*Side Menu*/



.SideMenu {
	width: 130px;
	float: right;
	font-size: 12px;
	color: #666666;
	display: block;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	font-family: sans-serif;
}
.SideMenu .Name {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}

.SideMenu dd {
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.SideMenu dt {
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}


.SideMenu li {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.SideMenu ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.SideMenu h4 {
	font-size: 14px;
	display: block;
	padding: 0px;
	background-color: #e1f5f5;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	height: 35px;
	width: 121px;
	background-image: url(SysImages/sh4.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.SideMenu #Entry {
	background-position: 0px -104px;
}
.SideMenu #category {
	background-position: 0px -139px;
}
.SideMenu #zengo {
	background-image: url(SysImages/zengoizm.gif);
	background-position: 0px 0px;
}





/*ETC...*/




.WriterName {
	text-align: right;
}

#HeadMenu {
	font-size: 12px;
	width: 790px;
	display: block;
	text-align: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 3px;
	padding: 0px;
}

.Description {
	display: none;
}

.return {
	display: block;
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	padding-top: 20px;
}

.return a {
	background-image: url(SysImages/btn_totop.gif);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 135px;
	text-indent: -9999px;
	text-decoration: none;
}

.return a:hover {
	background-image: url(SysImages/btn_totopon.gif);
	text-decoration: none;
}

.archives a {
	font-size: 14px;
	font-weight: bold;
	color: #40c7ff;
}

.Mail a {
	display: block;
	height: 36px;
	background-image: url(SysImages/mailbtn.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 131px;
	text-indent: -9999px;
	background-position: 0px -36px;
}

.Mail a:hover,.Mail a:focus{
	background-position: 0px 0px;
}

.Mail a:active {
	background-position: 0px -36px;
}
#Description2 {
	display: block;
	font-size: 12px;
	text-align: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
	position: relative;
	top: -57px;
	width: 400px;
	left: 390px;
}
/*add for new header 2007.06.20*/

#mainBox #OuterHeaerMenu {
	width: 788px;
	padding-bottom: 0px;
	float: left;
	display: block;
	border: none;
	position: relative;
	margin: 0px;
	right: 10px;
	left: 10px;
}

#header {
	border:none;
	background:url(SysImages/bg_header.gif) bottom left repeat-x;
	padding:5px 0 0 0;
	height:45px;
	margin: 0;
}

#header h1 {
	float:left;
	margin:3px 0 0;
}

#header h2 {
	float:right;
	margin:22px 0 0;
}

#header p {
	margin:0 194px 0 148px;
	text-align:left;
	padding:0px;
	display: block;
	font-size: 90%;
	line-height: 1.8em;
}
#header img {
	border: none;
}

.menu{
	border:none;
	/*border:1px solid #FF0000;*/
	/*margin:0 0 5px;*/
	margin:10px 0px 20px 0px;
	padding: 0;
	list-style-type: none;
}

.menu li{
	float:left;
	border:none;
}
.menu img {
	border: none;
}