@charset "UTF-8";


/* contents
--------------------------------------------------------------------------
1. font
2. link color
3. div.category_title
4. div.page_title
5. div.column-single
6. div.column-double
7. div.column-triple
8. div.section
9. titles
10. paragraph
11. dl
12. ul
13. ol 
14. sup
16. ul.footBanner

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

/* contents(For each page)
--------------------------------------------------------------------------

--------------------------------------------------------------------------

*/

/* 1. font
-----------------------------------------------	*/

div.content div,
div.main div {
	font-size: 100%;
}

div.content div p,
div.main div p {
	font-size: 10pt;
}

body div.content {
	color: #2f2a27;
}

/* 2. link color
-----------------------------------------------	*/

div.section a:link {
	color: #750b0e;
	text-decoration: underline;
}

div.section a:visited {
	color: #750b0e;
	text-decoration: underline;
}

div.section a:active {
	color: #b5090e;
	text-decoration: none;
}

div.section a:hover {
	color: #b5090e;
	text-decoration: none;
}

.toTop a:link {
	color: #2020C9;
	text-decoration: none;
}

.toTop a:visited {
	color: #2020C9;
	text-decoration: none;
}

.toTop a:active {
	color: #6699FF;
	text-decoration: underline;
}

.toTop a:hover {
	color: #6699FF;
	text-decoration: underline;
}



/* 3. div.category_title
-----------------------------------------------	*/


/* 4. div.page_title
-----------------------------------------------	*/


/* 5. div.column-single
-----------------------------------------------	*/
div.column-single:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div.column-single { display:inline-block;}
/*Hides from IE-mac \*/
*html div.column-single{ height:1%;}
div.column-single { display:block;}
/*End hide from IE-mac*/


/* 6. div.column-double
-----------------------------------------------	*/


/* 7. div.column-triple
-----------------------------------------------	*/


/* 8. div.section
-----------------------------------------------	*/

div.section:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div.section { display:inline-block;}
/*Hides from IE-mac \*/
*html div.section{ height:1%;}
div.section { display:block;}
/*End hide from IE-mac*/



/* 9. titles
-----------------------------------------------	*/

div.section h2 {
	margin-top: 50px;
	margin-bottom: 20px;
}
div.section#view h2 {
	margin-top: 0;
}

div.section h3 {
	margin-bottom: 20px;
}

div.section h4 {
	margin-top: 40px;
	margin-bottom: 20px;
}


/* 10. paragraph
-----------------------------------------------	*/
div.section p {
	margin-bottom: 15px;
	line-height: 130%;
}

div.section p.image {
	line-height: 100%;
}

div.section p.image.floatR {
	float: right;
	margin: 0 0 10px 10px;
}

div.section p.image.floatL {
	float: left;
	margin: 0 10px 10px 0;
}

/*\*/
* html body div.section p.image.floatR {/*IE6*/
	margin: 0 0 5px 5px;
}
* html body div.section p.image.floatL {
	float: left;
	margin: 0 5px 5px 0;
}
/**/








/* 11. dl
-----------------------------------------------	*/

div.section dl dt {
	margin-bottom: 10px;
}


/* 12. ul 
-----------------------------------------------	*/
div.section ul.roundList {
	padding-bottom: 10px;
	font-size: 10pt;
	line-height: 130%;
}

div.section ul.roundList li {
	margin-bottom: 5px;
	padding-left: 1.5em;
	background-image: url("/831n/images/list_mark_round.gif");
	background-repeat: no-repeat;
	background-position: 0.2em 0.4em;
}

div.section ul.circleList {
	padding-bottom: 10px;
	font-size: 8.5pt;
	line-height: 130%;
}

div.section ul.circleList li {
	margin-bottom: 5px;
	padding-left: 1em;
	background-image: url("/831n/images/list_mark_circle.gif");
	background-repeat: no-repeat;
	background-position: 0 0.3em;
}

div.section ul.komeList {
	padding-bottom: 5px;
	font-size: 8.5pt;
	line-height: 130%;
}

div.section ul.komeList li {
	margin-bottom: 10px;
	padding-left: 1em;
	background-image: url("/831n/images/list_mark_kome.gif");
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}


/* 13. ol 
-----------------------------------------------	*/
div.section ol.komeList {
	padding-bottom: 5px;
	font-size: 8.5pt;
	line-height: 130%;
}

div.section ol.komeList li {
	margin-bottom: 10px;
	padding-left: 1.5em;
}

div.section ol.komeList li.list1 {
	background-image: url("/831n/images/list_mark_kome1.gif");
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

div.section ol.komeList li.list2 {
	background-image: url("/831n/images/list_mark_kome2.gif");
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

div.section ol.komeList li.list3 {
	background-image: url("/831n/images/list_mark_kome3.gif");
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

div.section ol.komeList li.list4 {
	background-image: url("/831n/images/list_mark_kome4.gif");
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

div.section ol.komeList li.list5 {
	background-image: url("/831n/images/list_mark_kome5.gif");
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}
div.section ol.komeList li.list6 {
	background-image: url("/831n/images/list_mark_kome6.gif");
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

div.section ol.komeList li span.mark {
	display: none;
}

/* 14. sup
-----------------------------------------------	*/

sup {
	vertical-align: 0.2em;
}


/* 16. ul.footBanner
-----------------------------------------------	*/
ul.footBanner {
	min-height: 1px;
	margin: 15px 0 30px 0;
	padding: 15px 15px 0 15px;
	border-top: 1px solid #CCCCCC;
	background-color: #F6F6F6;
}


ul.footBanner:after {
	content: ".";	/* 新しい要素を作る */
	display: block;	/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

* html ul.footBanner {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

ul.footBanner li {
	float: left;
	margin-right: 15px;
	padding-bottom:15px;
}


/* For each page
--------------------------------------------------------------------------
*/


/* 1. index.html
-----------------------------------------------	*/

div.content div.section div.column-single {
	margin-bottom: 30px;
}

div.section p.komeList {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 115%;
	margin: 0;
}

.note,
.roundList,
.circleList {
	margin-bottom: 20px;
}

div.section ul#serviceOption li {
	float: left;
	margin: 0 10px 10px 0;
}

div.section ul#serviceOption:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.section ul#serviceOption { display: inline-block;}
/*Hides from IE-mac \*/
*html div.section ul#serviceOption { height: 1%;}
div.section ul#serviceOption { display: block;}
/*End hide from IE-mac*/


