@charset "utf-8";

@import url("../common/common.css");
@import url("../common/menu.css");


/* OFFICE C:RON - Service style */


/* Contents menu */

/* Submenu1 */
#contents_menu #submenu1 { background: url(images/submenu_menu1.gif) no-repeat; }
#contents_menu #submenu1 a:hover { background: url(images/submenu_menu1_over.gif) no-repeat; }

/* Submenu2 */
#contents_menu #submenu2 { background: url(images/submenu_menu2.gif) no-repeat; }
#contents_menu #submenu2 a:hover { background: url(images/submenu_menu2_over.gif) no-repeat; }

/* Submenu3 */
#contents_menu #submenu3 { background: url(images/submenu_menu3.gif) no-repeat; }
#contents_menu #submenu3 a:hover { background: url(images/submenu_menu3_over.gif) no-repeat; }

/* Submenu4 */
#contents_menu #submenu4 { background: url(images/submenu_menu4.gif) no-repeat; }
#contents_menu #submenu4 a:hover { background: url(images/submenu_menu4_over.gif) no-repeat; }




/* Main */

#menu_area li#service {
	background: url(../common/menu_service_over.gif) no-repeat;
}
p {
	padding: 0px 20px;
	line-height: 1.8em;
}
h1, h2 {
	text-align: center;
}
h2 {
	margin-bottom: 9px;
}
#main_contents {
	float: right;
	width: 600px;
	background: url(../common/contents_backimage.jpg) no-repeat center bottom;
}
#main_contents #maincopy {
	width: 560px;
	margin: auto auto 20px;
}
#main_contents #maincopy .header {
	font-size: 0.1em;
	background: url(images/maincopy_top.gif) no-repeat;
	height: 8px;
}
#main_contents #maincopy .content {
	background: url(images/maincopy_bg.gif) repeat-y;
}
#main_contents #maincopy p {
	color: #fff;
	padding: 3px 24px;
	line-height: 1.8em;
}
#main_contents #maincopy .bottom {
	font-size: 0.1em;
	background: url(images/maincopy_bottom.gif) no-repeat;
	height: 8px;
}
#flow, #area {
	margin-bottom: 30px;
}
#flow .fig {
	width: 548px;
	margin: auto;
}
#flow .fig .header {
	background: url(images/flow_top.gif) no-repeat;
	font-size: 0.1em;
	height: 8px;
}
#flow .fig .content {
	background: url(images/flow_bg.gif) repeat-y;
}
#flow .fig .content a:link, #flow .fig .content a:visited {
	color:#25a;
	text-decoration: none;
}
#flow .fig .content a:hover {
	color:#c31;
	text-decoration: underline;
}
#flow .fig .content h3 {
	color: #b00;
	padding: 3px 0px 0px 12px;
	line-height: normal;
}
#flow .fig .content .borderline {
	text-align: center;
	margin: 3px 0px;
}
#flow .fig .content p {
	color: #000;
	padding: 0px 12px;
	line-height: 1.8em;
}
#flow .fig .bottom {
	background: url(images/flow_bottom.gif) no-repeat;
	font-size: 0.1em;
	height: 8px;
}
#flow .fig .arrow {
	text-align: center;
}
#main_contents p.type_red, #flow .fig .content p.type_red {
	color: #b00;
}
#main_contents ul {
	font-size: 12px;
	line-height: 1.8em;
	margin: 5px 0px 5px 25px;
	padding: 0px 0px 20px 60px;
	text-align: left;
}