@charaset "Shift_JIS";
/*
-----------------
cla イラレ基本CSS
更新日：2008.3.21
-----------------*/

/*基本クラス設定
-----------------*/
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding: 0 1px 0 0;
	border: 0;
	font-size: small;
	line-height: 1.6;
	color: #555;
	background-color: #fff;
}

/* 旧ページの左寄せ。。 */
td{
	text-align:left;
}


h1,h2 {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
h3,h4,h5,h6,p,ul,ol,li {
	margin: 0;
	padding: 0;
	line-height: 1.6;
}
img {
	border: 0;
}
h2 {
	font-size: 100%;
	color: #4496BC;
	width: 515px;
	height: 60px;
	padding: 8px 0 0 12px;
	margin-bottom: 12px;
}
h3 {
	font-size: 110%;
	color: #444;
	margin-bottom: 10px;
	padding: 4px 4px 4px 7px;
	background-color: #E2F4F8;
	border-left: 4px solid #4496BC;
}
.s1 {
	font-size: 75%;
	line-height: 1.6;
}
.s2 {
	font-size: 85%;
	line-height: 1.6;
}
.s3 {
	font-size: 100%;
	line-height: 1.6;
}
.s4 {
	font-size: 110%;
	line-height: 1.6;
}
.s5 {
	font-size: 115%;
	line-height: 1.4;
}
.s6 {
	font-size: 140%;
	line-height: 1.4;
}
.s1b {
	font-size: 75%;
	line-height: 1.6;
	font-weight: bold;
}
.s2b {
	font-size: 85%;
	line-height: 1.6;
	font-weight: bold;
}
.s3b {
	font-size: 100%;
	line-height: 1.6;
	font-weight: bold;
}
.s4b {
	font-size: 110%;
	line-height: 1.6;
	font-weight: bold;
}
.s5br {
	font-size: 110%;
	line-height: 1.6;
	font-weight: bold;
	color:#ff0000;
}
.s5b {
	font-size: 115%;
	line-height: 1.4;
	font-weight: bold;
}
.s6b {
	font-size: 140%;
	line-height: 1.4;
	font-weight: bold;
}
img {
	border: 0;
}
.orange {
	font-weight: normal;
	color: #ff6d09;
}
.red {
	color: #eb001c;
}
.clearBoth {
	clear: both;
}
.linkArrow {
	background-image: url(../images/navi_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 12px;
	padding-right: 1em;
}
.linkArrow2 {
	background-image: url(../images/navi_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 12px;
}
.paragraph {
	margin-bottom: 1em;
}
.center {
	text-align: center;
}


/*基本構造
-----------------*/
#headder {
	width: 740px;
	height: 77px;
	padding-top: 0px;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	margin-left:auto;
	margin-right:auto;
}
#sidebar {
	float: left;
	width: 185px;
	margin:0;
	padding:0;
	background-image: url(/images/container_bg2.gif);
	background-repeat: repeat-y;
	background-position: left;
}
#footer {
	width: 740px;
	height: 64px;
	text-align: center;
	background-color: #E0E0E0;
	background-image: url(/images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 4px;
}
#reccomendList td{
	text-align:center;
}


/*ヘッダ
-----------------*/
#headder #headLeft {
	float: left;
	width: 340px;
	height:77px;
	color:#FFFFFF;
}
#headder #headLeft strong {
	font-weight:normal;
}
#headder #headRight {
	float: right;
	width: 358px;
}
#headder #headRight p{
	margin-top:2px;
	margin-bottom:3px;
}
#gNavi {
	width: 740px;
	height: 31px;
	clear: both;
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px auto 0px auto;
	padding: 1px 0px 0px 0px;
}
#gNavi ul {
	padding-top: 0px;
}
#gNavi ul li{
	display: inline;
	list-style: none;
	height: 24px;
}
#gNavi a {
	display: inline;
	list-style: none;
	height: 24px;
}

/*サイドバー
-----------------*/
#sidebar a {
	display: block;
}
#sidebar .verSub {
	display: inline;
	padding-left: 4px;
}
#sidebar li {
	list-style-type: none;
}
#sidebar .naviBanner {
	padding-bottom: 4px;
	background-color: #fff;
	background-image: none;
}
#sidebar .naviBanner img{
	vertical-align:bottom;
}
#sidebar .banner {
	margin-top: 0px;
}
#sidebar .productList {
	background-image: url(/images/nv_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 0px 14px 0px;
	margin: 0;
	width: 185px;
}
#sidebar .productList li {
	background-image: url(/images/navi_arrow900.gif);
	background-position: 8px center;
	padding-left: 24px;
	background-repeat: no-repeat;
	font-size: 92%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #acd3e2;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}
#sidebar .productList li a:link {
	text-decoration: none;
	color: #333;
}
#sidebar .productList li a:visited {
	text-decoration: none;
	color: #333;
}
#sidebar .productList li a:hover {
	text-decoration: underline;
	color: #333;
}
#sidebar .ctgH {
	margin-top: 0px;
	padding-top:0px;
}
#sidebar #mm{
	width: 168px;
	padding: 4px;
	font-size: 92%;
	background-color: #fff;
}

/*フッター
-----------------*/
#footer ul {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding: 0px;
}
#footer ul li {
	display: inline;
	background-image: url(/img/footer_arrow.gif);
	background-position: 5px 50%;
	padding-left: 28px;
	padding-right: 5px;
	background-repeat: no-repeat;
}
#footer p {
	font-size: small;
}
#footer ul li a:link{
	color: #4B4B4B;
}
#footer ul li a:hover{
	color: #ff0000;
}

/*基本リンク設定
-----------------*/
a:link {
	color: #3893cd;
	text-decoration: none;
}
a:visited {
	color: #3893cd;
	text-decoration: none;
}
a:hover {
	color: #f00;
	text-decoration: underline;
}

/* ソーシャルブックマーク
----------------------*/
#sbmform {
	margin-top: 20px;
}
#sbmform ul.social {
	margin: 0;
	padding: 0;
}
#sbmform .social li {
	display: inline;
	list-style-type: none;
}
#sbmform .social li a {
	padding: 0 15px 0 22px;
	background-repeat: no-repeat;
	background-position: left 50%;
}
#sbmform a.fc2 {
	background-image:url(../images/fc2_sbm.gif);
}
#sbmform a.google_bmarks {
	background-image:url(../images/google_sbm.gif);
}
#sbmform a.yahoo {
	background-image:url(../images/yahoo_sbm.gif);
}
#sbmform a.hatena {
	background-image:url(../images/hatena_sbm.gif);
}
#sbmform a.livedoor_clip {
	background-image:url(../images/livedoor_sbm.gif);
}

/*その他
-----------------*/
.backTop {
	padding: 20px 5px 20px 0;
	float: right;
}
.nextBtn {
	padding: 20px 0;
	float: right;
}
.mBanner img {
	padding-right: 10px;
}
.creditBanner{
	padding-top: 5px;
}

/*信頼醸成
-----------------*/
#creditBanner {
	margin-top: 20px;
	margin-bottom: 0px;
	width: 530px;
}
#creditBanner img {
	margin-top: 0px;
	padding-right: 10px;
}
#creditBanner .imgEnd {
	margin: 0px;
	padding: 0px;
}
#credit {
	width: 530px;
	margin-top: 20px;
	padding-top: 20px;
	text-align:left;
}
#credit .creditContainer {
	margin-bottom: 15px;
	overflow: hidden;
}
.creditContainer ul {
	padding-left: 25px;
}
.creditContainer li {
	padding-bottom: 7px;
	list-style-type: disc;
}
.creditContainer p {
	text-align: center;
}

.creditContainer .red{
	font-weight:normal;
}

#credit .creditContainer .creditLeft {
	float: left;
	width: 257px;
	padding-right: 14px;
}
#credit .creditContainer .creditRight {
	float: right;
	width: 257px;
}
#credit .creditContainer .creditBottom {
	width: 530px;
	margin-bottom: 15px;
}
.creditContainer .creditLeft h4, .creditRight h4 {
	font-size:110%;
	color: #fff;
	background-image: url(../products/images/credit_title_back_700s.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	padding-left: 10px;
	margin-bottom: 7px;
	line-height: 20px;
	height: 22px;
	font-weight: bold;
}
.creditContainer .creditBottom h4 {
	font-size:110%;
	color: #fff;
	background-image: url(../products/images/credit_title_back_700.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	padding-left: 10px;
	margin-bottom: 7px;
	line-height: 20px;
	height: 22px;
	font-weight: bold;
}
#credit .creditContainer .creditFreedial {
	float: left;
	width: 343px;
	padding-right: 14px;
}
#credit .creditContainer .creditFreedial .mainComp{
	letter-spacing:2em;
}
#credit .creditContainer .creditFreedial p{
	text-align:left;
}
#credit .creditContainer .creditFreedial .s3 {
	padding: 0px;
	margin-top: 0px;
}

#credit .creditContainer .creditBuil {
	float: right;
	width: 171px;
}
#credit .backTBL {
	margin-bottom: 20px;
}

#credit .backTBL th {
	background-color: #E2F4F8;
	border: 1px solid #FFFFFF;
	text-align: center;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#credit .backTBL td {
	text-align: center;
	border: 1px solid #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #F8FDFE;
}

#credit .backTBL {
	margin-bottom: 20px;
}

#credit .backTBL th {
	background-color: #E2F4F8;
	border: 1px solid #FFFFFF;
	text-align: center;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#credit .backTBL td {
	text-align: center;
	border: 1px solid #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #F8FDFE;
}