@charset "utf-8";

@import url("//kamogawa.mag2.com/common/css/custom/mag2.css");

/*-------------------------------------------------------------------
wireframe
-------------------------------------------------------------------*/

#header {
	margin-bottom: 0;
}

/*-------------------------------------------------------------------
link-list
-------------------------------------------------------------------*/

ul#link-list {
	margin: 10px auto;
	width: 780px;
	text-align: right;
}

ul#link-list li {
	padding: 0 5px 0 15px;
	display: inline;
	background: url("../img/arrow.gif") no-repeat 0 2px;
}

/*-------------------------------------------------------------------
tab
-------------------------------------------------------------------*/

ul#tab {
	padding-bottom: 7px;
	position: relative;
	width: 780px;
	height: 57px;
	background: url("../img/tab-bottom.gif") no-repeat 0 100%;
}

* html ul#tab {
	height: 64px;
}

ul#tab li,
ul#tab li a:hover {
	background: url("../img/tab.gif") no-repeat;
}

ul#tab li {
	position: absolute;
	top: 0;
	width: 148px;
	height: 57px;
	list-style: none;
}

ul#tab li a {
	display: block;
	height: 100%;
}

ul#tab li a span {
	display: none;
}

ul#tab li#no01 {
	background-position: 0 -57px;
}

ul#tab li#no02 {
	left: 158px;
	background-position: -148px -57px;
}

ul#tab li#no03 {
	left: 316px;
	background-position: -296px -57px;
}

ul#tab li#no04 {
	left: 474px;
	background-position: -444px -57px;
}

ul#tab li#no05 {
	left: 632px;
	background-position: -592px -57px;
}


body.page1 ul#tab li#no01,
ul#tab li#no01 a:hover {
	background-position: 0 0;
}

body.page2 ul#tab li#no02,
ul#tab li#no02 a:hover {
	background-position: -148px 0;
}

body.page3 ul#tab li#no03,
ul#tab li#no03 a:hover {
	background-position: -296px 0;
}

body.page4 ul#tab li#no04,
ul#tab li#no04 a:hover {
	background-position: -444px 0;
}

body.page5 ul#tab li#no05,
ul#tab li#no05 a:hover {
	background-position: -592px 0;
}

body.page1 ul#tab li#no01 a,
body.page2 ul#tab li#no02 a,
body.page3 ul#tab li#no03 a,
body.page4 ul#tab li#no04 a,
body.page4 ul#tab li#no05 a {
	cursor: default;
}



/*-------------------------------------------------------------------
section
-------------------------------------------------------------------*/

div.section {
	width: 780px;
	background: url("../img/block-bg.gif") repeat-x;
}

div#page1-box {
	padding: 20px 0 0;
}

div#page2-box,
div#page3-box,
div#page4-box,
div#page5-box {
	padding: 10px 0 20px;
}

* div#page1-box,
* div#page2-box,
* div#page3-box,
* div#page4-box,
* div#page5-box {
	padding-bottom: 10px;
}

div.section span.lread,
div.section p.lead {
	margin: 0 10px 10px;
	padding-left: 15px;
	line-height: 1.4;
	background: url("../img/eye-c.gif") no-repeat 0 0;
	font-size: 116%;
}

div.section span.lread {
	font-size: 108%;
	font-weight: bold;
}

div.section p.lead span {
	display: block;
}

div.section p.lead span.bold {
	color: #4c4c4c;
	font-weight: bold;
}

div.section ul.disc {
	list-style-position: inside;
	list-style-type: disc;
}

/*-------------------------------------------------------------------
dl.ex-inst（事例）
-------------------------------------------------------------------*/

dl.set dd dl.ex-inst {
	margin: 10px 0;
	width: 660px;
}

dl.set dd dl.ex-inst dt img,
dl.set dd dl.ex-inst dd dl dt img {
	border: none;
	vertical-align: bottom;
}

dl.set dd dl.ex-inst dd {
	padding: 0;
	border: #a8e2ff 2px solid;
	background-image: none;
}

dl.set dd dl.ex-inst dd dl dd {
	border: none;
	line-height: 1.4;
	background: none;
	font-size: 108%;
}

dl.set dd dl.ex-inst dd.ssbu {
	margin-bottom: 20px;
	border: none;
	background: none;
}

dl.set dd dl.ex-inst dd dl dd span {
	color: #fb6202;
	font-weight: bold;
}

dl.set dd dl.ex-inst dd dl dd span.big {
	font-size: 138%;
}


/*-------------------------------------------------------------------
dl.set
-------------------------------------------------------------------*/

dl.set {
	margin-bottom: 20px;
	width: 780px;
}

* html dl.set {
	margin-bottom: 10px;
}

dl.set dt img {
	border: none;
	vertical-align: bottom;
}

dl.set dd {
	padding: 10px 20px 0;
	line-height: 1.6;
	background: url("../img/set-bg.gif") no-repeat 0 0;
	font-size: 108%;
}

dl.set dd span {
	margin-bottom: 10px;
	display: block;
}

dl.set dd span.ex {
	margin: 20px 0 10px;
	text-align: center;
}

/*-------------------------------------------------------------------
table
-------------------------------------------------------------------*/
table {
	margin-bottom: 10px;
	border: 1px solid #999;
	background-color: #fff;
	border-collapse: collapse;
}

th, td {
	padding: 5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	line-height: 1;
	font-size: 100%;
}

th {
	color: #333;
	background-color: #aedef7;
	font-weight: normal;
	text-align: left;
}

/*-------------------------------------------------------------------
small-box
-------------------------------------------------------------------*/

ul.small-box {
	margin-left: 10px;
	width: 770px;
}

ul.small-box li {
	margin: 0 10px 10px 0;
	float: left;
	width: 375px;
	list-style: none;
}

ul.small-box li dl {
	padding-bottom: 7px;
	background: #e6f5ff url("../img/s-dl-bg.gif") repeat-x 0 0;
}

ul.small-box li dl dt {
	margin-bottom: 7px;
}

ul.small-box li dl dt img,
ul.small-box li dl dd.btn img {
	border: none;
	vertical-align: bottom;
}

ul.small-box li dl dd {
	margin: 0 0 5px 10px;
	padding: 0 5px 0 8px;
	border-left: #0156f7 3px solid;
	font-weight: bold;
	font-size: 108%;
}

* html ul.small-box li dl dd {
	padding-left: 5px;
}

ul.small-box li dl dd.btn {
	margin: 0 0 5px;
	padding: 0;
	border: none;
	text-align: center;
}

/*-------------------------------------------------------------------
btn-hk
-------------------------------------------------------------------*/

a.hk {
	margin: 20px 186px 20px;
	display: block;
	width: 408px;
	height: 58px;
	text-align: center;
}

.sk {
	display: block;
	font-size: 131%;
	text-align: center;
}

.blue {
	color: #00e;
	display: inline!important;
}


/*-------------------------------------------------------------------
footer-link
-------------------------------------------------------------------*/

#footer li.first {
	padding-left: 0;
	background: none;
}