img {
    border:0px;
}


body {
 background-color: #e7e7e7;
 color: #FFF;
 padding: 0; margin: 0; font: 0.8em Arial, sans-serif; line-height: 1.5em;
}

a { color: #46574D; background: inherit; }
a:hover { color: #647B6D; background: inherit;}

a:link, /*未訪問のリンク*/
a:visited, /*訪問後のリンク*/
a:hover, /*マウスをのせたとき*/
a:focus,/*マウスをのせたとき*/
a:active{/*クリック中*/
    outline: none;   /*リンククリック時にテキストの周りの線を消す*/
}



h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a { color: #46574D; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
h3 { font: 90% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #46574D; background: #FFF; }
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }

input.search { width: 122px; height: 15px; border: 1px dashed #46574D; background: #FFF url(input.jpg) no-repeat; padding: 3px; color: #616161; }
input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #FFF; padding: 3px; color: #616161; }



.content { 
    background: #FFF; 
	margin: 0 auto;
	padding: 0px;
	width: 886px;
	color: #000;
}

.preheader {
	background: #000 url(../images/preheader.jpg) no-repeat center bottom;
	color: #FFF;
	width: 886px;
	height: 71px;
	margin: 0;
	padding: 0;
}

	.preheader a { color: #FFF; background: inherit; text-decoration:none; }
	.preheader a:hover { color: #FFF; background: inherit;}

.preheader .padding {
	
	float: right;
	padding: 52px 70px 0 0;
	color: #fff;
    font-size:12px;
}

.preheader .padding .select{
    padding-bottom:2px;
    border-bottom: solid 1px white;
}



.header {
	background: #000 url(../images/header.jpg) no-repeat center bottom;
	color: #FFF;
	width: 886px;
	height: 78px;
	margin: 0;
	padding: 0;
}

.header .title {
	float: left;
	padding: 12px 0 0 84px;
	color: #FFF;
	font: bold 2em Arial, sans-serif;
}

.header a,
.header a:link,
.header a:active,
.header a:visited{
	color: #FFF;
    text-decoration:none;
    outline:none;
}


.header .slogan {
	float: left;
	clear: both;
	padding: 2px 0 0 84px;
	color: #FFF;
	font: 1em Arial, sans-serif;
}



#nav {
	background: #000 url(../images/menu.jpg) no-repeat center bottom;
	background-color: #000;
	width: 886px;
	height: 30px;
	margin: 0;
	padding: 0;
        font-size: 14px;
}

#nav ul { margin:0; list-style:none; padding: 0px 0 0 76px; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px 10px 5px 10px; background: #9e9e9e; text-decoration:none; }
#nav a { float:none; }
#nav li { float:left; color: #FFF; background: #9e9e9e; margin:0; padding:0 0 0 0px;}
#nav a:hover,
#nav a:link,
#nav a:visited, /*訪問後のリンク*/
#nav a:focus,/*マウスをのせたとき*/
#nav a:active{
/*    float: left;*/
    color: #FFF;
}

#nav a:hover{ /*マウスをのせたとき*/
    background: #aeaeae;
}


/*CSS signature*/
body.home #nav ul li a#home,
body.link #nav ul li a#link,
body.catalog #nav ul li a#catalog,
body.contact #nav ul li a#contact{
    background: #aeaeae;
}



.main_content {
	background: #FFF url(../images/bg.jpg) repeat-y center bottom;
	background-color: #FFF;
	margin: 0 auto;
	padding: 0px;
/*	width: 886px;*/
}


.sd_left {

    background-color: #FFF;
	color: #000;
	margin: 0 0 0px 80px;
	padding: 0px 20px 0px 5px;
	width: 500px;
	border-right: 1px dashed #ccc;
}

.gif{
    margin: 0px 250px 30px 0px;
}


.text_padding {
/*    height: 900px;*/
	padding: 30px 0 0 0;
}

.text_padding a, /*リンクされた文字*/
.text_padding a:link, /*未訪問のリンク*/
.text_padding a:visited, /*訪問後のリンク*/
.text_padding a:focus,/*マウスをのせたとき*/
.text_padding a:active{/*クリック中*/
    color: #73C2FF;
    font-weight: bold;
    text-decoration: none;
}

.text_padding a:hover{ /*マウスをのせたとき*/
    color: #B2DEFF;
}

.text_padding p {
	margin-bottom: 20px;
}



.sd_right {
    clear:both;
    background-color: #FFF;
	float: right;
	color: #000;
	margin: 0 90px 0 0;
	padding: 40px 0px 0 15px;
	width: 170px;
}	

/* For IE... */
* html .sd_right {
    clear:both;
    background-color: #FFF;
	float: right;
	color: #000;
	margin: 0 40px 0 0;
	padding: 40px 0px 0 15px;
	width: 170px;
	border-left: 1px dashed #ccc;
}	


.sd_right a, /*リンクされた文字*/
.sd_right a:link, /*未訪問のリンク*/
.sd_right a:visited, /*訪問後のリンク*/
.sd_right a:focus,/*マウスをのせたとき*/
.sd_right a:active{/*クリック中*/
    color: #709DBF;
    font-weight: bold;
    text-decoration: none;
}

.sd_right a:hover{ /*マウスをのせたとき*/
    color: #ACC9DF;
}


.podcast{
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
	border-top: 1px solid #eee;
}

.podcast a, /*リンクされた文字*/
.podcast a:link, /*未訪問のリンク*/
.podcast a:visited, /*訪問後のリンク*/
.podcast a:focus,/*マウスをのせたとき*/
.podcast a:active{/*クリック中*/
    color: #709DBF;
    font-weight: bold;
    text-decoration: none;
}

.podcast a:hover{ /*マウスをのせたとき*/
    color: #ACC9DF;
}



.links{
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
	border-top: 1px solid #eee;
}

.links a, /*リンクされた文字*/
.links a:link, /*未訪問のリンク*/
.links a:visited, /*訪問後のリンク*/
.links a:focus,/*マウスをのせたとき*/
.links a:active{/*クリック中*/
    color: #6FC7A1;
    font-weight: bold;
    text-decoration: none;
}

.links a:hover{ /*マウスをのせたとき*/
    color: #ACE3CB;
}





.banner{
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
	border-top: 1px solid #eee;
}

.banner a:link, /*未訪問のリンク*/
.banner a:visited, /*訪問後のリンク*/
.banner a:focus,/*マウスをのせたとき*/
.banner a:active{
    outline:none;
}

.banner img{
    margin: 2px 0 0 0;
}


.main_content h2 {
	background-color: #FFF;
	padding: 5px 0 5px 0;
	color: #46574D;
	font: bold 1.6em Arial, sans-serif;
}


.date { 
	color: #46574D; 
	background: #FFFFFF;
	text-align: right; 
	margin: 10px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #eee;
}






.footer { 
	background: #000 url(../images/footer.jpg) center no-repeat;
	width: 886px;
	height: 78px;
	color:#555;
	text-align:center; 
	clear:both;
}

.footer .padding {
    padding: 40px 0 0 0;
}