@import url(base.css);
@import url(form.css);
/*---------TOP---------*/

#maintopics {
	height:203px;
	clear: both;
	background-image:url(../images/maintopics.jpg);
	background-repeat:no-repeat;
}

#mainarea .textbox {
	padding:20px 0 0 0px;
}

#mainarea .textbox .maintopic_list {
	margin-top:0px;
	margin-left:248px;
	margin-bottom:20px;
}

#mainarea .textbox ul {
	margin-top:25px;
	padding:0;
	list-style-type:none;
}

#mainarea .textbox li {
	text-indent:1em;
	background-image:url(../images/icon_dot1.gif);
	background-repeat:no-repeat;
	background-position:left center;	
	padding:4px 0;
}

#maintopics .textbox h1 {
	font-size:20px;
	font-weight:bold;
	color:#000000;
	margin:0;
}

#subtopics .textbox h2 {
	color:#000000;
}

#subtopics {
	height:525px;
	padding-bottom:25px;
	background-image:url(../images/subtopicsBG.gif);
	background-repeat:no-repeat;	
}

#maintopics ul,
#subtopics ul {
	margin-left:0;
}

.area1-1 {
	float:left;
	width:270px;
}

#mainarea .area1-1 ul {
	padding-left:140px;
}

#mainarea .option {
	text-align:right;
	margin-left:162px;
	margin-right:9px;
}

#mainarea .option2 {
	text-align:right;
	margin-right:19px;
}

#mainarea .en100 {
	margin-top:5px;
}

#mainarea .en9980 {
	margin-top:26px;
}

.area1-2 {
	float:right;
	width:276px;
	margin-bottom:15px;
}

#mainarea .area1-2 ul {
	padding-left:140px;
}

#mainarea .area1-2 images {
	padding-top:23px;
}

.area2-1 {
	clear:both;
	float:left;
	width:276px;
}

.area2-2 {
	float:right;
	width:276px;
}

#mainarea .area2 p {
	position:relative;top:-5px;
	margin-left:12px;
	padding-right:22px;
}

#mainarea .area2 .topics {
	margin:10px 0 7px 0;
}


#mainarea .area2 ul {
	color:#cc0000;
	font-size:12px;
	margin-top:0;
}

#mainarea .area2 li {
	background-image:url(../images/icon_dot2.gif);
	background-repeat:no-repeat;
	background-position:left 11px;
	padding:7px 0;
}

/*---------繧ｭ繝｣繝ｳ繝壹�繝ｳ---------*/
.contentbox #campaign img {
	margin-bottom:35px;
}
.contentbox #campaign h2 {
	font-size:15px;
}

.contentbox #campaign .camptextbox {
	margin-bottom:30px;
}

.contentbox #campaign .fontsmall {
	font-size:11px;
	text-align:right;
}

.contentbox #campaign .fl {
	margin-bottom:10px;
	_margin-bottom:0;
}

.contentbox #campaign .fl .fl {
	padding-right:36px;
	_padding-right:33px;
}

.contentbox #campaign .fl .fl_inquirly {
	float:left;
	padding-right:26px;
	_padding-right:23px;
}

.contentbox #campaign .fl img {
	margin-bottom:5px;
}

/*---------PC繝ｩ繧､繝ｳ繝翫ャ繝�---------*/

.makerbox {
	width:545px;
	padding-bottom:40px;
}

.makerbox .goodsbox {
	height:180px;
	margin-top:20px;
	padding-bottom:40px;
	border-bottom:1px dotted #999999;
}

.makerbox .goodsbox h2 {
	background-image:url(../images/icon_dot4.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#444444;
	font-size:14px;
	font-weight:bold;
	margin:0 0 15px 280px;
	padding-left:10px;
}

.makerbox ul {
	text-align:right;
	list-style-type:none;
}

.makerbox li {
	text-indent:1em;
	background-image:url(../images/icon_dot1.gif);
	background-repeat:no-repeat;
	background-position:438px center;	
}

.makerbox .goodsbox p {
	line-height:20px;
	margin-bottom:0;
	padding-bottom:5px;
}

.makerbox .goodsbox .fontsmall {
	line-height:15px;
	font-size:0.7em;
	_font-size:0.7em;
}

.buybtn{
	margin:-33px 68px 0 0;
	text-align:right;
}

.doukon {
	font-size:15px;
	font-weight:bold;
	margin:20px 0 8px 0;
}

.ad_blue_office {
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#0066CC;
	margin:0 15px 13px 0;
}

.makerbox .goodsbox .office_logo {
	margin-bottom:15px;
}
/*---------繧､繝ｼ�･繝｢繝舌う繝ｫ---------*/

.contentbox .dc {
	margin-bottom:15px;
	height:150px;
}

.contentbox .dc ul {
	margin:0 0 5px 150px;
}

.contentbox .dcspec p {
	float:left;
	margin:0 3px 3px 0;
}

.cell0 {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

.cell1 {
	color:#FFFFFF;
	background: #44ac6e none repeat scroll 0 0;
	border-right: 1px solid #CFCFCF;
}

.cell2 {
	background: #fff9b4 none repeat scroll 0 0;
}

.cell3 {

	font-size: 0.9em;
}

.cell3x {
	border-bottom: 1px solid #FFFFFF;
}

.cell4x {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

/*---------繝溘ルPC縺｣縺ｦ縺ｪ縺ｫ��---------*/

.character {
	padding-bottom:80px;
}

.character li {
	margin-bottom:7px;	
}

.comment span {
	font-weight: bold;
}

.commentbox {
	float:left;
	background-image: url(../images/minipc/comment_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 30px;
	padding-bottom: 40px;
}

.commentbox p {
	width:220px;
	padding:40px 27px 40px 15px;
}

.commentbox1 {
	background-image: url(../images/minipc/comment_bg1.gif);
	background-repeat: no-repeat;
	background-position: 17px 0px;
	padding-bottom: 20px;
}

.commentbox1 p {
	margin: 10px 75px 0px 127px;
	padding-top: 30px;
}
.commentbox2 {
	background-image: url(../images/minipc/comment_bg2.gif);
	background-repeat: no-repeat;
	background-position: 260px 10px;
	padding-bottom: 75px;
}

.commentbox2 p {
	margin: 10px 125px 0px 275px;
	padding-top: 23px;
}

.commentbox3 {
	background-image: url(../images/minipc/comment_bg3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.commentbox3 p {
	margin: 10px 120px 20px 15px;
	padding-top: 17px;
	padding-bottom: 20px;
}

.cafe {
	float: left;
	margin-left: 5px;
	text-align: center;
}

.trip {
	position:relative; top: -17px; left:30px;
}

.trip .triptext {
	margin: 0;
	padding: 0 0 0 45px;
}

.home p {
	text-align:right;
	margin-right:40px;
}

/*---------FAQ---------*/
.question {
	background-image:url(../images/q.gif);
	background-repeat:no-repeat;
	background-position:left 15px;
	padding-top:23px;
	padding-bottom:7px;
	font-size:16px;
	text-indent:2.2em;
	font-weight:bold;
}

.answer {
	background-image:url(../images/a.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	padding-bottom:23px;
	padding-top:7px;
	padding-left:36px;
	font-size:16px;
	border-bottom:1px dotted #999999;
}