@charset "UTF-8";

/*
 * contact
*/
#contact {
	margin: 20px 0px 15px 0px;
}
.contact_cbox {
	width: 90%;
	margin: 10px auto;
}

#contact_form table {
	width:100%;
}

#contact_form table td.tflc {
	width:20%;
	background-color:#BBCCFF;
	text-align:center;
}

#contact_form table td.tfli {
	width:20%;
	background-color:#FFCCBB;
	text-align:center;
}

span.attention {
	background:url(../images/point7_3.png) no-repeat;
	padding-left:17px;
	color:#FF3333;
	font-size:10px;
}

div.attention {
	background:url(../images/point7_3.png) no-repeat;
	padding-left:17px;
	color:#FF3333;
	font-size:10px;
	width:95%;
}


/*
 * top
*/

#top_contents {
	margin: 20px 0px 15px 0px;
}
.top_cbox {
	width: 90%;
	margin: 10px auto;
}

#logoword {
	font-family: HGPbouquet,cursive;
	font-weight: bold;
	font-size: 24px;
	width:95%;
	margin: 5px auto;
	background: url(../images/logoword_bg.png) no-repeat;
	background-position: 460px 0px;
}

li.topitem_title {
	margin: 5px auto 1px auto;
	font-weight: bold;
	list-style-image: url(../images/arrow3_1.png);
}

div.topitem_desc {
	width: 95%;
	margin: 0px 0px 0px auto;
	font-weight: normal;
	background: url(../images/arrow6_2.gif) no-repeat;
	background-position: 0px 2px;
	padding: 0px 5px 0px 15px;
}

.itemtitle {

	display: block;

	float:right;
	text-align: right;
	font-size:16px;
	font-weight:bold;
	width:250px;
	height:22px;
	padding: 0px 5px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
}
.itemsubtitle {

	display: block;

	float:right;
	text-align: right;
	font-size:10px;
	width:250px;
	height:14px;
	padding: 0px 5px 0px 0px;
}
.in_item {

	display: block;

	float:left;
	width:98%;
	margin:80px 0px 0px 5px;
}

.topcont ul {
	width: 600px;
	height: 320px;
	list-style-type: none;
	margin: 0px auto;
	padding: 5px 0px;
}

.topcont ul li {
	float: left;
	width: 49%;
	height: 50%;
	margin: 3px 0px 0px 0px;
	color: #11117A;
}

.topcont ul li a {
	float:left;
	text-decoration: none;
}

.topcont ul li a:hover {
	color: #E31A1A;
}


.topcont ul li.item1 {
	border-right: 2px dotted #CCCCCC;
	border-bottom: 2px dotted #CCCCCC;
	background: url(../images/number3_1.png) no-repeat;
	background-position: 3px 0px;
}
.topcont ul li.item1 a {
	background: url(../images/item_1.jpg) no-repeat;
	background-position: 10px 37px;
}
.topcont ul li.item1 a:hover {
	background: url(../images/item_1h.jpg) no-repeat;
	background-position: 10px 37px;
}
.topcont ul li.item2 {
	border-bottom: 2px dotted #CCCCCC;
	background: url(../images/number3_2.png) no-repeat top left;
	background-position: 3px 0px;
}
.topcont ul li.item2 a {
	background: url(../images/item_2.jpg) no-repeat;
	background-position: 10px 37px;
}
.topcont ul li.item2 a:hover {
	background: url(../images/item_2h.jpg) no-repeat;
	background-position: 10px 37px;
}
.topcont ul li.item3 {
	border-right: 2px dotted #CCCCCC;
	background: url(../images/number3_3.png) no-repeat top left;
	background-position: 3px 0px;
}
.topcont ul li.item3 a {
	background: url(../images/item_3.jpg) no-repeat;
	background-position: 10px 37px;
}
.topcont ul li.item3 a:hover {
	background: url(../images/item_3h.jpg) no-repeat;
	background-position: 10px 37px;
}
.topcont ul li.item4 {
	background: url(../images/number3_4.png) no-repeat top left;
	background-position: 3px 0px;
}
.topcont ul li.item4 a {
	background: url(../images/item_4.jpg) no-repeat;
	background-position: 10px 37px;
}
.topcont ul li.item4 a:hover {
	background: url(../images/item_4h.jpg) no-repeat;
	background-position: 10px 37px;
}