@charset "utf-8";

/*
Site Name: 
Description: parts style
*/

@media all and (min-width: 768px) and (max-width: 979px) {
/* header
----------------------------------------- */
#header #logo{
	width: auto;
	height: auto;
	position: static;
	left: 0px;
	clear: both;
	background-color: #0071D7;
}

#header ul.nav{
	margin: 0px auto 265px;
	background-color: #3B98E5;
	overflow: hidden;
	clear: both;
	letter-spacing: -.40em;
}
#contents #header ul.nav{
	margin: 0px auto 25px;
}
#header ul.nav li{
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
	letter-spacing: normal;
}
#header ul.nav li.home{
	margin-left: 0px;	
}
#header ul.nav li a{
	height: 40px;
}

#header p.amazon-banner{
	float: none;
	margin: 0px;
	clear: both;
	text-align: center;
}

#contents #header h1{
	height: 53px;
	margin-bottom: 30px;
}


/* footer
----------------------------------------- */
#footer p.pagetop{
	padding-top: 35px;
	text-align: center;
}

#footer p.footer-nav{
	font-size: 120%;
	color: #FFFFFF;
	margin: 38px 0px;
}
#footer p.footer-nav a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer p.footer-nav a.facebook{
	margin-left: 10px;
}

#footer p.copyright{
	font-size: 80%;
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	padding-bottom: 15px;
}

/* topicpath
----------------------------------------- */
#topicpath{
	width: 622px;
	padding: 0px;
	margin: 10px auto;
	font-size: 85%;
	overflow: hidden;
	zoom: 1;
	text-align: left;
}
#topicpath li{
	display: inline;
}
#topicpath li a{
	padding-right: 15px;
	margin: 0px;
	background: url(../img/topicpath.gif) no-repeat right center;
}


/* content
----------------------------------------- */
#content p,
#content th,
#content td,
#content li,
#content dl{
	line-height: 1.4em;
}
#content p{
	line-height: 1.4;
}
#content p.pagetop{
	margin: 0;
}

/* main
----------------------------------------- */
#content #main h1,
#content #main h2,
#content #main h3,
#content #main h4,
#content #main h5,
#content #main h6,
#content #main p,
#content #main ul,
#content #main ol{
	margin: 0px 0 15px 0px;
	line-height: 1.4;
}

#content #main h2{
	font-size: 200%;
	margin: 0px 0 15px 0px;
}

#content #main h3{
	font-size: 150%;
	padding-bottom: 5px;
	border-bottom: #CCCCCC solid 1px;
}

#contents #main ul li{
	margin-left: 20px;
	list-style-type: disc;
}
#contents #main ul li ul,
#contents #main ul li ol{
	padding: 5px 0px;
	margin-bottom: 0px;
}

#contents #main ol li{
	margin-left: 25px;
	list-style-type: decimal;
}
#contents #main ol li ol,
#contents #main ol li ul{
	padding: 5px 0px;
	margin-bottom: 0px;
}

#contents #main table{
	font-size: 100%;
	margin: 0 0 15px;
}

#contents #main table th,
#contents #main table td{
	padding: 5px 10px;
}

#contents #main table.wide-table{
	width: 100%;
}
#main table.wide-table th{
	width: 20%;
}

#contents #main table.table-01{
	border-bottom: #DDD solid 1px;
	border-left: #DDD solid 1px;
}
#contents #main table.table-01 th,
#contents #main table.table-01 td{
	border-top: #DDD solid 1px;
	border-right: #DDD solid 1px;
}

#contents #main table.table-02{
	border-bottom: #DDD solid 1px;
}
#contents #main table.table-02 th,
#contents #main table.table-02 td{
	border-top: #DDD solid 1px;
}

/* sub
----------------------------------------- */
#sub .facebook-article-header{
	padding-top: 5px;
	background-image: url(../img/facebook_article_header_bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sub .facebook-article-footer{
	padding-bottom: 5px;
	background-image: url(../img/facebook_article_footer_bg.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#sub .facebook-article{
	padding: 15px 15px 15px 20px;
	background-image: url(../img/facebook_article_bg.gif);
	background-position: center top;
	background-repeat: repeat-y;
	overflow: hidden;
}

#sub p.amazon-banner{
	margin-bottom: 20px;
}

/* home css
----------------------------------------- */
#home #main .info-article-header{
	padding-top: 5px;
	margin-bottom: 20px;
	background-image: url(../img/info_article_header_bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#home #main .info-article-footer{
	padding-bottom: 5px;
	background-image: url(../img/info_article_footer_bg.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#home #main .info-article{
	padding: 15px 20px;
	background-image: url(../img/info_article_bg.gif);
	background-position: center top;
	background-repeat: repeat-y;
	overflow: hidden;
}
#home #main .info-article h3{
	padding-bottom: 12px;
	margin-bottom: 15px;
	border-bottom: #CCCCCC solid 1px;
}
#home #main .info-article dl{
	line-height: 1.2em;
	margin-bottom: 15px;
}
#home #main .info-article dl dt{
	color: #395FC0;
	float: left;
	letter-spacing: 0em;
}
#home #main .info-article dl dd{
	padding-left: 9.5em;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#home #main .info-article p.more{
	text-align: right;
	margin-bottom: 5px;
	padding-top: 5px;
	border-top: #CCCCCC solid 1px;
}
#home #main .info-article p.more a{
	padding: 2px 0px 2px 26px;
	background-image: url(../img/info_more_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#home #main ul.main-banner{
	margin-right: -28px;
	overflow: hidden;
}
#home #main ul.main-banner li{
	float: left;
	display: inline;
	margin-right: 25px;
	margin-bottom: 0px;
}
}


}