/*--------------------------------------------------------------------
	base
----------------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
	}

body {
	color:#333;
	background-color:#ccc;
	background-image: url("../img/bg_main.gif");
	font-size:12px;
	line-height:1.3;
	}

img {
	border:0px;
	}

/* text-size */
.tlrg {
	font-size: 14px;
	}

.tnml {
	font-size: 12px;
	}

.tsml {
	font-size: 11px;
	line-height:1.3;
	}

/* caution */
.tred {
	color:#a00;
	}

.ctn {
	color:#666;
	}

.tbold {
	font-weight:bold;
	}

/*----------------------------------------------------------------------
	link
----------------------------------------------------------------------*/
a:link {
	color:#33f;
	text-decoration:underline;
	}

a:visited {
	color:#669;
	text-decoration:underline;
	}

a:hover {
	color:#990;
	text-decoration:underline;
	}

a:active {
	color:#990;
	text-decoration:underline;
	}

/*----------------------------------------------------------------------
	main
----------------------------------------------------------------------*/
.main {
	background-color:#a9a9a9;
	width:670px;
	}

/*----------------------------------------------------------------------
	side
----------------------------------------------------------------------*/
.side_box {
	width:158px;
	margin:10px 3px 10px 12px;
	border:1px solid #ccc;
	line-height:1.4;
	}

.in_box1 {
	width:134px;
	margin:10px 12px 10px;
	line-height:1.3;
	}

.in_box2 {
	width:134px;
	margin:5px 12px 10px;
	}


.in_box3 {
	width:134px;
	margin:10px 12px 5px;
	line-height:1.3;
	}

.in_box4 {
	width:134px;
	margin:5px 12px;
	line-height:1.3;
	}

.allow {
	list-style-image: url('../img/allow.gif');
	margin-top:5px;
	padding-left:15px;
	}

.btn_showto {
	margin:3px auto 3px 13px;
	}

.squet_only {
	margin:5px auto 0px 25px;
	}

.howto_allow {
	margin-left:30px;
	margin-bottom:5px;
	}

/*----------------------------------------------------------------------
	contents
----------------------------------------------------------------------*/

.contain {
	border:1px solid #fff; width:450px; margin:10px;
	}

.more {
	text-align:right;
	padding-bottom:10px;
	}


.wrapperA {
    display: block;
    padding: 15px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

.wrapperB {
	display: block;
	margin-top:15px;
	}

.wrapperC {
    display: block;
	margin-top:10px;
	margin-left:10px;
	}

.wrapperD {
	display: block;
	border-top:1px solid #fff;
	}

.wrapperA::after,
.wrapperB::after,
.wrapperC::after,
.wrapperD::after {
    content: "";
    display: block;
    clear: both;
}

.man_box {
	width:140px;
	margin-top:10px;
	padding-left:60px;
	background:url('../img/img_man.gif') no-repeat;
	background-position:10px 0px;
	}

.news_box {
	width:140px;
	margin-top:10px;
	padding-left:60px;
	background:url('../img/img_news.gif') no-repeat;
	background-position:10px 0px;
	}

.sinyo_box {
	width:140px;
	padding-left:60px;
	background:url('../img/img_sinyo.gif') no-repeat;
	background-position:10px 0px;
	}

.comp_box {
	width:140px;
	padding-left:60px;
	background:url('../img/img_comp.gif') no-repeat;
	background-position:10px 0px;
	}

.main_bbox {
	clear:both;
	width:210px;
	float:left;
	border-bottom:1px solid #fff;
	}

.main_cbox {
	width:210px;
	float:right;
	border-bottom:1px solid #fff;
	}

.tdb_list {
	margin:7px 10px;
	padding:5px 10px;
	border:2px solid #666;
	background:#e2effa;
	line-height:1.4;
	}

.tdb_list li {
	margin-left:40px;
	}

.db_list {
	margin:10px auto 10px;
	padding-left:30px;
	}

/*----------------------------------------------------------------------
	footer
----------------------------------------------------------------------*/
.s_name {
	float:left;
	width:305px;
	padding-top:10px;
	border-top:1px solid #ccc;
	text-align:left;
	}

.c_name {
	float:left;
	width:320px;
	border-top:1px solid #ccc;
	padding-top:10px;
	text-align:right;
	}