@charset "UTF-8";

/* ----------------------------------------
*
*Since:  2010-01-30
*Modified:  
*
*/

/* Style Index ===============================

	00:  use_common
		00-01:  header
		00-02:  sideMenu
		00-03:  pagenation

	01:  use_index
		01-01:  categoryIndex

	02:  use01
		02-01:  use01
		02-02:  use02
		02-03:  use03

	03:  qa
		03-01:  qaList
		03-02:  qaBox

========================================= */

/*
00-01:  header
-------------------------------------*/
div#header {
	background: url("../../images/use/bg_header_use.jpg") no-repeat 50% 0;
}

div#header div#headerCont {
	background: url("../../images/use/bg_header_use.jpg") no-repeat 50% 0;
}


/*
00-02:  sideMenu
-------------------------------------*/

div#sideMenu dl#subNavi {
	background: url("../../images/use/bg_side_btm.gif") no-repeat 0 100%;
}

div#sideMenu dl#subNavi dd {
	background: url("../../images/use/bg_side_base.gif") repeat-y;
}

div#sideMenu dl#subNavi li ul li {
	background: url("../../images/use/icon_arrow_001.gif") no-repeat 7px 0.6em;
}

div#sideMenu dl#subNavi li ul li.cur a:link,
div#sideMenu dl#subNavi li ul li.cur a:visited {
	color: #67b2c9;
}


/*
00-03:  pagenation
-------------------------------------*/

div#pagenation {
	background: url("../../images/use/bg_pagenation_btm.gif") no-repeat 0 100%;
}

div#pagenation dl {
	background: url("../../images/use/bg_pagenation_top.gif") no-repeat 0 0;
}

div#pagenation dl dd li {
	background: url("../../images/use/icon_arrow_001.gif") no-repeat 7px 0.8em;
}

div#pagenation dl dd li.cur {
	color: #67b2c9;
}


/*
01-01:  categoryIndex
-------------------------------------*/

div.categoryIndex ul li {
	padding: 0 0 3px 10px;
	background: url("../../images/use/icon_arrow_001.gif") no-repeat 0 0.6em;
}

/*
02-01:  use01
-------------------------------------*/

dl.use01 {
	margin: 0 0 35px 0;
}

dl.use01 dt {
	margin: 0 0 5px 0;
	font-weight: bold;
}

dl.use01 dd {
	width: 682px;
}

dl.use01 dd .list {
	float: left;
	width: 410px;
}

dl.use01 dd li,
dl.use01 dd p {
	font-size: 100%;
}

dl.use01 dd .image {
	float: right;
	width: 243px;
}

dl.use01 dd:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/*
02-02:  use02
-------------------------------------*/
div.use02 {
	margin: 0 0 40px 0;
	width: 682px;
}

div.use02 .use02L {
	float: left;
	width: 319px;
}

div.use02 .use02L div {
	margin: 0 0 15px 0;
}

div.use02 .use02R {
	float: right;
	width: 351px;
}

div.use02 .use02_004L {
	float: left;
	width: 530px;
}

div.use02 .use02_004R {
	float: right;
	width: 139px;
}

div.use02:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/*
02-03:  use03
-------------------------------------*/
div.use03 {
	margin: 0 0 40px 0;
	width: 682px;
}

div.use03 .use03L {
	float: left;
	width: 560px;
}

div.use03 .use03R {
	float: right;
	width: 100px;
}

div.use03:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/*
03-01:  qaList
-------------------------------------*/

ul.qaList {
	margin: 0 8px 40px 8px;
}

ul.qaList li {
	padding: 4px 0;
}

ul.qaList li a {
	padding: 5px 0 5px 28px;
	background: url("../../images/use/icon_q.gif") no-repeat 0 0;
}

ul.qaList li a:link {
	color: #666;
	text-decoration: none;
}

ul.qaList li a:visited {
	text-decoration: none;
}

ul.qaList li a:hover {
	text-decoration: underline;
}

/*
03-02:  qaBox
-------------------------------------*/

div.qaBox {
	margin: 0 0 30px 0;
	width: 682px;
}

div.qaBox div.question {
	margin: 0 0 18px 0;
	padding: 0 0 6px 0;
	width: 682px;
	background: url("../../images/use/bg_qa_002.gif") no-repeat 0 100%;
}

div.qaBox div.question h2 {
	margin: 0 !important;
	padding: 6px 0 0 0;
	width: 682px;
	background: url("../../images/use/bg_qa_001.gif") no-repeat 0 0;
	font-weight: bold;
}

div.qaBox div.question h2 span {
	display: block;
	padding: 0 0 0 38px;
	background: url("../../images/use/icon_q.gif") no-repeat 10px 0.1em;
}

div.qaBox p.answer,
div.qaBox ul.answer {
	margin: 0 0 20px 0;
	padding: 3px 0 3px 38px;
	background: url("../../images/use/icon_a.gif") no-repeat 10px 0.1em;
}

div.qaBox p.link {
	margin: 0 0 0 38px;
}

div.qaBox p.link_02 {
	margin: 0 0 40px 0;
}

div.qaBox table {
	margin: 0 0 10px 0;
	width: 682px;
	border-collapse: collapse;
}

div.qaBox table caption {
	margin: 0 0 5px 0;
	text-align: left;
}

div.qaBox th,
div.qaBox td {
	padding: 8px 12px;
	border: 1px solid #ccc;
}

div.qaBox th {
	width: 70%;
	background: #fafafa;
}

div.qaBox td {
	width: 30%;
	text-align: right;
}

div.qaBox .qa03Box {
	margin: 0 0 40px 0;
	width: 682px;
}

div.qaBox .qa03BoxL {
	float: left;
	width: 520px;
}

div.qaBox .qa03BoxL p {
	margin-left: 38px;
}

div.qaBox .qa03BoxL p.answer {
	margin-left: 0;
}

div.qaBox .qa03BoxR {
	float: right;
	width: 139px;
}

div.qaBox .qa03Box:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

div.qaBox .list {
	margin: 0 0 40px 38px;
}