@charset "utf-8";
@import url("core.css");
@import url("common.css");

/* html */
html { background: #FFFBB9 url("../images/bg_html.gif") repeat-y center top; }

/* body */
body { color: #636363; }
.win body { font-size: 78%; }

/* wrapper */
div#wrapper {
	width: 920px;
	padding: 0 0 0 30px;
	background-color: #FFFFFF;
}


/* -------------------------------------------------------------------------------- */
/* HEADER */
div#header {
	width: 890px;
	height: 100px;
	background: transparent url("../images/bg_header.gif") no-repeat center bottom;
}

/* header - inquiry */
div#header div.inquiry {
	position: absolute;
	top: 25px;
	right: 32px;
	width: 205px;
	height: 42px;
}
div#header div.inquiry div.tel {
	width: 205px;
	height: 42px;
	background: transparent url("../images/inquiry_tel.gif") no-repeat right top;
	text-indent: -9999px;
	overflow: hidden;
}


/* -------------------------------------------------------------------------------- */
/* CONTENTS */
div#contents {
	width: 880px;
	padding: 80px 5px 120px;
}

div#contentsintro {
	width: 910px;
	padding: 80px 5px 120px;
}


/* -------------------------------------------------------------------------------- */
/* MENU */
div#menu {
	position: absolute;
	top: 115px;
	width: 890px;
	height: 40px;
}
div#menu ul {
	width: 890px;
	height: 40px;
}
div#menu li { float: left; }
div#menu li a {
	display: block;
	width: 297px;
	height: 40px;
	background-image: url("../images/menu.jpg");
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
div#menu li a.top { background-position: 0 0; }
div#menu li a.about { background-position: -297px 0; }
div#menu li a.link { width: 296px; background-position: -594px 0; }
div#menu li a.top:hover { background-position: 0 -40px; }
div#menu li a.about:hover { background-position: -297px -40px; }
div#menu li a.link:hover { width: 296px; background-position: -594px -40px; }


/* -------------------------------------------------------------------------------- */
/* FOOTER */
div#footer {
	width: 890px;
	padding: 30px 0 15px;
	background: transparent url("../images/bg_header.gif") no-repeat center top;
}

/* address */
address {
	font-family: Verdana;
	font-size: 85%;
	font-style: normal;
	line-height: 1.5em;
	text-align: center;
}


/* -------------------------------------------------------------------------------- */
/* h1 */
h1 {
	width: 332px;
	height: 52px;
	padding-top: 15px;
}

h1 a {
	display: block;
	width: 332px;
	height: 52px;
	background: transparent url("../images/supportline_logo.gif") no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

/* h2 */
h2 {
/*
	padding-bottom: 25px;
	background: transparent url("../images/bg_header.gif") no-repeat center bottom;
*/
	color: #5CA205;
	font-size: 146%;
	font-weight: bold;
	line-height: 1.3em;
}

/* h3 */
h3 {
	width: 880px;
	padding-bottom: 10px;
	border-bottom: 1px solid #5CA205;
	color: #5CA205;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.1em;
}


/* -------------------------------------------------------------------------------- */
/* INTRO (top) */
div#intro {
	width: 890px;
	/*background: transparent url("../images/pic_intro.gif") no-repeat right center;*/
	background: transparent url("../images/pic_intro2.png") no-repeat right center;
}

/* supportdial */
div#intro div.supportdial {
	width: 430px;
	background: transparent url("../images/frame_supportdial.gif") no-repeat left top;
}
div#intro div.supportdial div.btm {
	width: 390px;
	padding: 15px 20px;
	background: transparent url("../images/frame_supportdial_btm.gif") no-repeat left bottom;
}
div#intro div.supportdial div.tel {
	width: 390px;
	height: 72px;
	background: transparent url("../images/inquiry_tel_intro.gif") no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

/* case */
ul#case { width: 864px; }
.win.ie7 ul#case { margin-left: 0; }
.win.ie6 ul#case { margin-left: 0; }
ul#case li {
	float: left;
	width: 268px;
	margin-top: 10px;
	font-weight: bold;
	line-height: 1.4em;
}
.win.ie7 ul#case li { width: 255px; padding-left: 13px; background: transparent url("../images/icon_list_disc.gif") no-repeat 0 6px; }
.win.ie6 ul#case li { width: 255px; padding-left: 13px; background: transparent url("../images/icon_list_disc.gif") no-repeat 0 6px; }
ul#case li.return {
	clear: both;
	width: 328px;
}
.win.ie7 ul#case li.return { width: 315px; }
.win.ie6 ul#case li.return { width: 315px; }


/* -------------------------------------------------------------------------------- */
/* ABOUT (charm) */
dl.inquiryinfo {
	width: 878px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: transparent url("../images/bg_inquiryinfo.gif") repeat-y left top;
}
dl.inquiryinfo dt {
	float: left;
	width: 130px;
	padding: 65px 15px 0;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.1em;
}
dl.inquiryinfo dd {
	float: left;
	width: 687px;
	padding: 10px 15px;
	border-left: 1px dotted #CCCCCC;
}


/* -------------------------------------------------------------------------------- */
/* LINK (resource) */
table.link {
	width: 878px;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
}
table.link th, table.link td {
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #CCCCCC;
	vertical-align: middle;
}
table.link th {
	width: 234px;
	padding: 10px 15px 10px 5px;
}
table.link td {
	width: 619px;
	padding: 10px 5px 10px 0;
}

dl.link {
	width: 878px;
	border-bottom: 1px solid #CCCCCC;
}
dl.link dt {
	clear: both;
	float: left;
	width: 234px;
	padding: 10px 15px 10px 5px;
	font-size: 105%;
	font-weight: bold;
	line-height: 1.1em;
	border-top: 1px solid #CCCCCC;
}
dl.link dd {
	float: left;
	width: 619px;
	padding: 10px 5px 10px 0;
	border-top: 1px solid #CCCCCC;
}


/* -------------------------------------------------------------------------------- */
/* DIVISION (index) */
ul#division {
	width: 880px;
}
ul#division li {
	float: left;
	width: 440px;
	text-align: center;
}