/* CSS Document */





/* --------------------------------------------------------

   base

-------------------------------------------------------- */



html { overflow-y: scroll; }



* { margin: 0; padding: 0; }

a img { border-width: 0; }



.size10 { font-size: 10px; }

.left { float: left; }

.right { float: right; }

.txtL { text-align: left; }

.txtC { text-align: center; }

.txtR { text-align: right; }

.clear{ clear: both; }



body {

	margin: 0;

	padding: 0;

	text-align: center;

	color: #333333;

	background: #FFFFFF;

	font-size: 12px;

	line-height: 18px;

}





/* a

-------------------------------------------------------- */

a:link { color: #218cce; }

a:hover { color: #eb5a7e; }

a:visited { color: #218cce; }





/* clfix

-------------------------------------------------------- */

.clfix:after {

	display: block;

	clear: both;

	content: ""; 

}

.clfix {

	*zoom: 1;

}





h1,h2,h3,h4,h5,h6,em,strong {

	font-weight: normal;

	font-style: normal;

}

th {

	font-weight: normal;

	text-align: left;

	vertical-align: top;

}

ul,ol,li {

	list-style-type: none;

}

img {

	border: 0;

	vertical-align: bottom;

}

em { color: #f00; }

strong { font-weight: bold; }

hr { display: none; }





/* CSS Document */



/* float

-------------------------------------------------------- */

.left { float: left; }

.right { float: right; }







#outline {

	background: url(../common/outline_bg.jpg) repeat-y left top;

	width: 800px;

	margin: 0 auto;

}



/* コンテンツ上下のグラデーションを入れるdivのスタイル

-------------------------------------------------------- */

#outlineTop,

#outlineBottom {

	width: 800px;

	margin: 0 auto;

	font-size: 0;

	line-height: 0;

	padding: 0;

}

#outlineBottom img {

	vertical-align: top;

}







#contents {

	width: 787px;

	text-align: left;

	margin: 0 0 0 6px;

	/margin: 0;

}



#sidearea {

	width:167px;

	float:left;

	margin:0;

	padding:0;

}

#sidearea .bg-wrap {

	background:url(../common/sub_bg_02.jpg) no-repeat left bottom;

	padding-bottom:8px;

}

#sidearea dl.btn-area {

	background:url(../common/sub_bg_01.jpg) repeat-y left top;

	padding:0 0 0 4px;

}

#sidearea dl.btn-area dt.mtop2 {

	margin-top:2px;

}

#sidearea .side02 {

	margin:10px 13px 15px 4px;

	background:#fff;

}

#sidearea .side02 dl.con-wrap {

	padding:5px 8px;

	border-bottom:dashed 1px #ccc;

	border-right:solid 1px #DFDEDE;

	border-left:solid 1px #DFDEDE;

}

#sidearea .side02 dl.con-wrap.last {

	border-bottom:solid 1px #DFDEDE

}

#sidearea .side02 dl.con-wrap dd {

	float:left;

	width:43px;

}

#sidearea .side02 dl.con-wrap dt {

	float:right;

	width:83px;

	font-size:90%;

	line-height:1.4;

}

#sidearea .side03 {

	margin:0 13px 15px 4px;

	background:#fff;

	padding-bottom:4px;

}

#sidearea .side03 ul {

	margin:3px 2px 0 4px;

}

#sidearea .side03 ul li.mtop {

	margin-top:3px;

}



#mainarea {

	width:620px;

	float:right;

	margin:0;

	padding:0;

}



#mainarea h1 {

    border-bottom:0;

    margin-bottom:0;

    padding-bottom:0;

}



.topicText {

	padding-left:25px;

	padding-bottom:15px;

}





/* toTop

-------------------------------------------------------- */

/* 20120614 updated */

.toTop {

	width: 800px;

	font-size:10px;

	line-height: 1.2;

	text-align:right;

	margin: 22px auto 10px;

}



/* toTop2

-------------------------------------------------------- */

.toTop2 {

	font-size:10px;

	text-align:right;

	margin:10px 15px;

}

.toTop img,

.toTop2 img {

	vertical-align:middle;

}





/* margin-top */

.mt7 { margin-top:7px; }





#contents a:link { color:#1e4192; }

#contents a:visited { color:#1e4192; }

#contents a:hover { color:#ee0b05; }

#contents a:active { color:#ee0b05; }





/* --------------------------------------------------------

   ヘッダ

-------------------------------------------------------- */

#header {

	background: url(../common/header_bg.gif) repeat-x left top;

	width: 100%;

	margin: 0;

}



#header .inner {

	width: 800px;

	margin: 0 auto;

}

#header .inner .logo {

	float: left;

/*	margin: 14px 20px 17px 0;*/

	padding: 14px 20px 17px 0;

	width: 150px;

}

#header .inner ul {

	float: right;

	padding-top: 30px;

	width: 630px;

	text-align: left;

}

#header .inner ul li {

	display: inline;

	font-size: 11px;

	line-height: 1.2;

	color: #666666;

}



#header a:link { color:#1e4192; }

#header a:visited { color:#1e4192; }

#header a:hover { color:#ee0b05; }

#header a:active { color:#ee0b05; }





/* --------------------------------------------------------

   フッタ

-------------------------------------------------------- */



/* footerLogo  20120612 added */

#footerLogo {

	border-top: solid 2px #CACACA;

	width: 800px;

	margin: 0 auto;

	height: 150px;

	color: #999999;

}

#footerLogo p {

	font-size: 100%;

	line-height: 1.5;

	margin: 5px 0;

}

#footerLogo address {

	font-size: 93%;

	line-height: 1.5;

	font-style: normal;

}

#footerLogo a:link,

#footerLogo a:visited { color: #218cce; }

#footerLogo a:hover { color: #eb5a7e; }



/* footerPopup  20120612 added */

#footerPopup {

	width: 800px;

	margin: 0 auto 15px;

	font-size: 80%;

	border-top: solid 2px #CCC;

	padding-top: 4px;

	clear: both;

}

/* clearfix */

#footerPopup:after {

	display: block;

	clear: both;

	content: ""; 

}

#footerPopup {

	*zoom: 1;

}

#footerPopup a {

	padding-left: 7px;

	margin-left: 10px;

	background: url(../common/mark_link.gif) no-repeat 0 2px;

}

#footerPopup a:link,

#footerPopup a:visited { color: #218cce; }

#footerPopup a:hover { color: #eb5a7e; }







/* products

-------------------------------------------------------- */



#tablesize01 td {

	padding: 8px;	

}

#tablesize02 {

	margin-left: 8px;

}





/* sidenav.js, /anzen/index.html

-------------------------------------------------------- */



ul.campBanner {

	width: 160px;

	margin: 10px 0 0 0;

	text-align: center;

}

ul.campBanner li {

	margin: 0 auto;

	padding: 0;

	list-style: none;

}

ul.campBanner li.txt {

	font-weight:bold;

	margin-top:3px;

	font-size:93%;

}