@charset "shift_jis";
/* CSS Document */

h2#license {
	margin-bottom: 20px;
}

/* =========================================================
switcher
========================================================= */
div#switcher {
	width: 590px;
	margin: 25px auto;
}

div#switcher h2 {
	float: left;
	width: 190px;
	height: 50px;
	padding-right: 10px;
	margin-bottom: 25px;
	border-bottom: 5px solid #FF6600;
}

div#switcher h2#switch03 {
	padding-right: 0;
}

div#switcher h3 {
	height: 50px;
	padding-left: 30px;
	background: url(../img/bg_title01.png) no-repeat;
	color: #0070CC;
	font-size: 14px;
	font-weight: bold; 
	line-height: 50px;
}

div#switcher div.textArea {
	height: 80px;
	padding: 0 20px 20px 190px;
	background: url(../img/bg_works02.png) no-repeat bottom;
}

div#switcher div.textArea p {
	line-height: 18px;
}

div#switcher div.textArea p.cap {
	font-weight: bold;
	margin-bottom: 8px;
}

div#switcher p.spagetop {
	padding: 5px 0 15px;
	text-align: right;
	background: #FFF;
}

div#switcher ul {
	width: 530px;
	margin: 0 auto 20px;
	padding: 20px 0 20px 20px;
	background: #F2F2F2;
	overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

div#switcher ul li {
	float: left;
	width: 250px;
	padding-left: 15px;
	background: url(../../common/img/ico_pointer02.gif) no-repeat left center;
}

div#switcher ul li a {
	color: #0070CE;
	line-height: 20px;
	display: block;
}

div#switcher ul li a:hover {
	color: #999;
}

/* =========================================================
group01, group02, group03 
========================================================= */
div#group01,
div#group02,
div#group03 {
	clear: both;
	width: 560px;
	margin: 0 auto;
}

div#group02,
div#group03 {
	display: none;
}

div.groupWrap {
	background: url(../img/bg_works01.png) repeat-y;
}

div#admin07 div.textArea,
div#surv04 div.textArea,
div#social10 div.textArea,
div#social13 div.textArea {
	height: 100%;
}

/* =========================================================
admin
========================================================= */
div#admin01 {
	background: url(../img/img_admin01.jpg) no-repeat 30px 50px;
}

div#admin02 {
	background: url(../img/img_admin02.jpg) no-repeat 30px 50px;
}

div#admin03 {
	background: url(../img/img_admin03.jpg) no-repeat 30px 50px;
}

div#admin04 {
	background: url(../img/img_admin04.jpg) no-repeat 30px 50px;
}

div#admin05 {
	background: url(../img/img_admin05.jpg) no-repeat 30px 50px;
}

div#admin06 {
	background: url(../img/img_admin06.jpg) no-repeat 30px 50px;
}

div#admin07 {
	background: url(../img/img_admin07.jpg) no-repeat 30px 50px;
}

/* =========================================================
surv
========================================================= */
div#surv01 {
	background: url(../img/img_surv01.jpg) no-repeat 30px 50px;
}

div#surv02 {
	background: url(../img/img_surv02.jpg) no-repeat 30px 50px;
}

div#surv03 {
	background: url(../img/img_surv03.jpg) no-repeat 30px 50px;
}

div#surv04 {
	background: url(../img/img_surv04.jpg) no-repeat 30px 50px;
}

/* =========================================================
social
========================================================= */
div#social01 {
	background: url(../img/img_social01.jpg) no-repeat 30px 50px;
}

div#social02 {
	background: url(../img/img_social02.jpg) no-repeat 30px 50px;
}

div#social03 {
	background: url(../img/img_social03.jpg) no-repeat 30px 50px;
}

div#social04 {
	background: url(../img/img_social04.jpg) no-repeat 30px 50px;
}

div#social05 {
	background: url(../img/img_social05.jpg) no-repeat 30px 50px;
}

div#social06 {
	background: url(../img/img_social06.jpg) no-repeat 30px 50px;
}

div#social07 {
	background: url(../img/img_social07.jpg) no-repeat 30px 50px;
}

div#social08 {
	background: url(../img/img_social08.jpg) no-repeat 30px 50px;
}

div#social09 {
	background: url(../img/img_social09.jpg) no-repeat 30px 50px;
}

div#social10 {
	background: url(../img/img_social10.jpg) no-repeat 30px 50px;
}

div#social11 {
	background: url(../img/img_social11.jpg) no-repeat 30px 50px;
}

div#social12 {
	background: url(../img/img_social12.jpg) no-repeat 30px 50px;
}

div#social13 {
	background: url(../img/img_social13.jpg) no-repeat 30px 50px;
}

div#social14 {
	background: url(../img/img_social14.jpg) no-repeat 30px 50px;
}

div#social15 {
	background: url(../img/img_social15.jpg) no-repeat 30px 50px;
}

div#social16 {
	background: url(../img/img_social16.jpg) no-repeat 30px 50px;
}