@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-size:0.75em;
	line-height:140%;
	font-family:'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro, Me', 'osaka', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif ;
	background:#515151;
	color:#333333;
	}
	
img {
	border:none;
	vertical-align:top;
	}
	
p {
	margin:0;
	padding:0;
	}
	
a {
	color:#05719f;
	text-decoration:none;
	}
	
a:hover {
	color:#57bde8;
	}
	
h1 {
	color:#0b69a5;
	font-size:0.95em;
	line-height:20px;
	text-align:left;
	font-weight:normal;
	margin:0;
	padding:0 5px;
	}

table {
	border-collapse:collapse;
	}

form {
	margin:0;
	padding:0;
	}

#wrapper {
	width:940px;
	margin:0 auto;
	padding:0 0 10px 0;
	background:#ffffff url(../img/bg_wrapper.gif) top left no-repeat ;	
	}
	
#wrapperBg {
	width:100%;
	background:#ffffff url(../img/bg.gif) repeat-x top center;
	}

#header {
	width:900px;
	padding:0 20px 0 20px;
	}

* html #header {
	width:860px;
	padding:0 20px 0 20px;
	}
	
#headNavi {
	float:right;
	padding:10px 0 0 0;
	}
	
#headNavi img {
	float:left;
	}
	
#headNavi .policy {
	margin:8px 10px 0 0;
	}

#navi {
	width:940px;
	height:60px;
	margin:0;
	padding:0;
	}

* html #navi {
	width:900px;
	height:60px;
	margin:0;
	padding:0;
	}

#navi li {
	list-style:none;
	float:left;
	display:block;
	}

#navi li.navi01 img { background:url(../img/navi01.gif) left top no-repeat; }
#navi li.navi02 img { background:url(../img/navi02.gif) left top no-repeat; }
#navi li.navi03 img { background:url(../img/navi03.gif) left top no-repeat; }
#navi li.navi04 img { background:url(../img/navi04.gif) left top no-repeat; }
#navi li.navi05 img { background:url(../img/navi05.gif) left top no-repeat; }
#navi li.navi06 img { background:url(../img/navi06.gif) left top no-repeat; }

#navi li.navi01 a:hover img { background:url(../img/navi01.gif) left bottom no-repeat; }
#navi li.navi02 a:hover img { background:url(../img/navi02.gif) left bottom no-repeat; }
#navi li.navi03 a:hover img { background:url(../img/navi03.gif) left bottom no-repeat; }
#navi li.navi04 a:hover img { background:url(../img/navi04.gif) left bottom no-repeat; }
#navi li.navi05 a:hover img { background:url(../img/navi05.gif) left bottom no-repeat; }
#navi li.navi06 a:hover img { background:url(../img/navi06.gif) left bottom no-repeat; }


#contents {
	width:940px;
	margin:0;
	padding:0;
	}
	
#sideNavi {
	float:left;
	width:200px;
	margin:0;
	padding:6px 10px 0 30px;
	}
	
#sideNavi li {
	list-style:none;
	}

#sideNavi li.navi01 img { background:url(../img/sidenavi01.gif) left top no-repeat; }
#sideNavi li.navi02 img { background:url(../img/sidenavi02.gif) left top no-repeat; }
#sideNavi li.navi03 img { background:url(../img/sidenavi03.gif) left top no-repeat; }
#sideNavi li.navi04 img { background:url(../img/sidenavi04.gif) left top no-repeat; }
#sideNavi li.navi05 img { background:url(../img/sidenavi05.gif) left top no-repeat; }
#sideNavi li.navi06 img { background:url(../img/sidenavi06.gif) left top no-repeat; }
#sideNavi li.navi07 img { background:url(../img/sidenavi07.gif) left top no-repeat; }
#sideNavi li.navi08 img { background:url(../img/sidenavi08.gif) left top no-repeat; }
#sideNavi li.navi09 img { background:url(../img/sidenavi09.gif) left top no-repeat; }

#sideNavi li.navi01 a:hover img { background:url(../img/sidenavi01.gif) left bottom no-repeat; }
#sideNavi li.navi02 a:hover img { background:url(../img/sidenavi02.gif) left bottom no-repeat; }
#sideNavi li.navi03 a:hover img { background:url(../img/sidenavi03.gif) left bottom no-repeat; }
#sideNavi li.navi04 a:hover img { background:url(../img/sidenavi04.gif) left bottom no-repeat; }
#sideNavi li.navi05 a:hover img { background:url(../img/sidenavi05.gif) left bottom no-repeat; }
#sideNavi li.navi06 a:hover img { background:url(../img/sidenavi06.gif) left bottom no-repeat; }
#sideNavi li.navi07 a:hover img { background:url(../img/sidenavi07.gif) left bottom no-repeat; }
#sideNavi li.navi08 a:hover img { background:url(../img/sidenavi08.gif) left bottom no-repeat; }
#sideNavi li.navi09 a:hover img { background:url(../img/sidenavi09.gif) left bottom no-repeat; }

#rightArea {
	float:left;
	width:680px;
	margin:0;
	padding:0;
	}

#rightAreaDetail {
	float:left;
	width:660px;
	margin:0;
	padding:8px 10px 0 10px;
	}

#newsBg { 
	background:url(../img/news_bg.gif) repeat-y top left;
	float:left;
	width:340px;
	}

#newsBtm {
	background:url(../img/news_foot.gif) no-repeat bottom left;
	}

#newsTop {
	background:url(../img/news_head.gif) no-repeat top left;
	padding:10px 15px 20px 20px;
	}

.news {
	line-height:150%;
	padding:10px 0 10px 0;
	background:url(../img/line_dot02.gif) repeat-x bottom left;
	}

/*	
.news a			{ color:#6b8201; padding:0 0 0 15px; }
.news a:hover	{ color:#a4b64f; }
*/

.news a			{ color:#CC3333; padding:0 0 0 15px; }
.news a:hover	{ color:#FF6666; }

.news .days {
	font-weight:bold;
	color:#000000;
	padding:0 0 0 15px;
	background:url(../img/news_date_red.gif) no-repeat left 0.35em;
	}

#blogBg { 
	background:url(../img/blog_bg.gif) repeat-y top left;
	float:right;
	width:340px;
	}

#blogBtm {
	background:url(../img/blog_foot.gif) no-repeat bottom left;
	}

#blogTop {
	background:url(../img/blog_head.gif) no-repeat top left;
	padding:10px 20px 20px 15px;
	}

.blog {
	line-height:150%;
	padding:10px 0 10px 0;
	background:url(../img/line_dot02.gif) repeat-x bottom left;
	}
	
.blog a			{ color:#0b69a5; padding:0 0 0 15px; }
.blog a:hover	{ color:#4893c2; }

.blog .days {
	font-weight:bold;
	color:#000000;
	padding:0 0 0 15px;
	background:url(../img/blog_date.gif) no-repeat left 0.35em;
	}

.newsTitle {
	float:left;
	}

.btnBacknumber {
	float:right;
	padding:3px 0 0 0;
	}

#footNavi {
	padding:26px 20px 0 0;
}

#footNaviL {
	float:left;
	padding:0 0 0 30px;
	width:780px;
	font-size:0.95em;
	color:#666666;
}
	
#footNaviL a		{ color:#0b69a5; }
#footNaviL a:hover	{ color:#3e92c7; }

.pageTop {
	float:right;
	vertical-align:bottom;
	margin:13px 0 0 0;
	}
	
#footerArea {
	background:#515151;
	color:#ffffff;
	font-size:0.95em;
	}

#footer {
	width:940px;
	margin:0 auto;
	padding:15px 0 20px 0;
	}
	
#footBox {
	float:left;
	width:910px;
	padding:0 0 0 30px;
	}
	
#footLogo {
	width:450px;
	float:left;
	}	
	
#footText {
	line-height:150%;
	}

#copyright {
	float:right;
	}


/*  detail  */

ol {
	padding:0 0 0 25px;
	margin:0 0 15px 0;
	}

ol li {
	margin:0 0 5px 0;
	}

.titleImg {
	margin:0 0 20px 0;
	}

.stitleImg {
	margin:0 0 20px 0;
	}

.detailBox {
	margin:10px 10px 40px 10px;
	}

.stitle01 {
	margin:0 0 15px 0;
	padding:2px 3px 0 25px;
	background:url(../img/bg_stitle01.gif) top left no-repeat;
	font-weight:bold;
	line-height:34px;
	color:#4a4a4a;
	font-size:1.2em;
	}

.stitle02 {
	margin:0 0 15px 0;
	padding:2px 3px 0 25px;
	background:url(../img/bg_stitle02.gif) top left no-repeat;
	font-weight:bold;
	line-height:34px;
	color:#4a4a4a;
	font-size:1.2em;
	}

.stitle03 {
	font-weight:bold;
	padding:0 5px 5px 5px;
	margin:0 0 5px 0;
	background:url(../img/line_dot02.gif) repeat-x bottom left;
	color:#0b69a5;
	font-size:1.1em;
	}

.stitle04 {
	font-weight:bold;
	padding:0 5px 0 5px;
	margin:0 0 10px 5px;
	border-left:#71b3cf solid 5px;
	line-height:100%;
	font-size:1.2em;
	}

.normalTable {
	width:100%;
	border:#cccccc solid 1px;
	}

.normalTable td {
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-top:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	background:url(../img/line_dot03.gif) left bottom repeat-y #ffffff;
	}

.normalTable th {
	text-align:left;
	vertical-align:top;
	color:#ffffff;
	padding:10px;
	width:150px;
	border-top:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	background:#71b3cf;
	}

.normalTable02 {
	width:100%;
	border:#cccccc solid 1px;
	margin:0 0 10px 0;
	}

.normalTable02 td {
	text-align:center;
	vertical-align:top;
	padding:10px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	background:url(../img/line_dot03.gif) left bottom repeat-x #ffffff;
	}

.normalTable02 th {
	text-align:center;
	vertical-align:top;
	color:#ffffff;
	padding:10px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	background:#71b3cf;
	}

.normalTable03 {
	width:100%;
	border:#cccccc solid 1px;
	margin:0 0 10px 0;
	}

.normalTable03 td {
	text-align:center;
	vertical-align:middle;
	padding:5px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	background:url(../img/line_dot03.gif) left bottom repeat-x #ffffff;
	}

.normalTable03 th {
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	padding:5px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	background:#71b3cf;
	}
	
.normalTable04 {
	width:100%;
	border:#cccccc solid 1px;
	margin:0 0 10px 0;
	}

.normalTable04 td {
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	background:url(../img/line_dot03.gif) left bottom repeat-x #ffffff;
	}

.normalTable04 th {
	text-align:left;
	vertical-align:top;
	color:#ffffff;
	padding:10px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	background:#71b3cf;
	}


.normalTable .col01,
.normalTable02 .col01 {
	text-align:center;
	vertical-align:middle;
	}

.normalTable .col02,
.normalTable02 .col02 {
	text-align:center;
	vertical-align:top;
	}

.normalTable .col03,
.normalTable02 .col03 {
	text-align:top;
	vertical-align:middle;
	}

.normalTable .col04,
.normalTable02 .col04{
	text-align:top;
	vertical-align:top;
	}

.normalList {
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	}

.normalList li {
	background:url(../img/icon_circle.gif) left 5px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 3px 0;
	}

.normalList02 {
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
	}

.normalList02 li {
	background:url(../img/icon_arrow.gif) left 4px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 3px 0;
	color:#555555;
	}


/*  contact  */

.orderBox01 {
	width:auto;
	height:auto;
	margin:0;
	padding:15px 0 0 0;
	}
	
.orderBox01 p {
	width:220px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	line-height:120%;
	}
	
.orderBox02 {
	margin:0;
	padding:0;
	float:left;
	}
	
.adobe {
	margin:0;
	padding:5px 0 0 0;
	}
	
.orderText {
	margin:0;
	padding:0 0 5px 0;
	}

#contactTable {
	width:100%;
	border:#cccccc solid 1px;
	margin:15px 0 0 0;
	}

#contactTable td {
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-top:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	background:url(../img/line_dot03.gif) left bottom repeat-y #ffffff;
	}

#contactTable th {
	text-align:left;
	vertical-align:top;
	color:#2c7fa2;
	padding:10px;
	width:150px;
	border-top:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	background:#efefef;
	}

.checkBtn{
	background:none;
	border:none;
	}

.btnArea {
	text-align:center;
	margin:20px 0;
	}

input,textarea {
	background:#f0f5f7;
	border:#178fc2 1px solid;
	padding:2px;
	vertical-align:middle;
	font-size:1em;
	}

select {
	background:#f0f5f7;
	border:#178fc2 1px solid;
	padding:0;
	vertical-align:middle;
	margin:0 0 3px 0;
	}
	
.input01 {
	width:96px;
	}
	
.input02 {
	width:250px;
	}

.input03 {
	width:65px;
	}

.checkBox {
	background:none;
	border:none;
	}

.attention {
	font-size:0.9em;
	line-height:15px;
	color:#cc5252;
	font-weight:bold;
	}


/*  policy  */

.policyBox {
	border:solid 1px #cccccc;
	color:#555555;
	}

.policyBox p {
	padding:5px 15px 5px 15px;
	}


/* QA */

.question {
	background:url(../img/icon_q.gif) left top no-repeat;
	padding:7px 0 4px 40px;
	margin:0 0 5px 0;
	color:#0066cc;
	font-weight:bold;
	}

.answer {
	background:url(../img/icon_a.gif) left top no-repeat;
	padding:7px 0 7px 40px;
	}

.qaBox {
	padding:10px;
	margin:0 0 20px 0;
	border:#CCCCCC 1px solid;
	}

.qaBox div {
	background:url(../img/line_dot02.gif) left bottom repeat-x;
	padding:0 0 3px 0;
	margin:0 0 5px 0;
	}

.qaList {
	margin:0 0 20px 5px;
	padding:0;
	}

.qaList li {
	background:url(../img/blog_date.gif) left 0.35em no-repeat;
	padding:0 0 0 15px;
	margin:0 0 3px 0;
	list-style:none;
	}

.qaListCate {
	font-weight:bold;
	padding:0 5px 5px 5px;
	margin:0 0 5px 0;
	background:url(../img/line_dot02.gif) repeat-x bottom left;
	}

.qaListBox {
	margin:0 0 40px 0;
	padding:15px 20px;
	background:#f4f4f4;
	}


/*  info  */

.infoBox {
	background:url(../img/bg_info_headline.gif) left bottom no-repeat;
	padding:0 0 20px 0;
	margin:0;
	width:640px;
	}

.infoBox .infoText {
	}

.infoBox p {
	margin:0 0 5px 0;
	}


/*  work  */

.headline {
	background:url(../img/line_dot02.gif) left bottom repeat-x;
	font-weight:bold;
	font-size:1.1em;
	padding:0 0 5px 5px;
	margin:0 0 5px 0;
	}

.grayBox {
	padding:10px;
	margin:10px 0 10px 0;
	border:#CCCCCC 1px solid;
	width:620px;
	}

.grayBox ul {
	float:left;
	margin:0 20px 0 10px;
	padding:0;
	list-style:none;
	}

.grayBox ul li {
	background:url(../img/icon_dot.gif) left 0.4em no-repeat;
	padding:0 0 0 13px;
	}


/*  common  */

.clear {
	clear:both;
	}
	
.left {
	float:left;
	}
	
.right {
	float:right;
	}

.imgLeft {
	float:left;
	margin:0 10px 10px 0;
	padding:3px;
	border:1px solid #cccccc;
	}

.imgRight {
	float:right;
	margin:0 0 10px 10px;
	padding:3px;
	border:1px solid #cccccc;
	}

.textRight {
	text-align:right;
	}

.link {
	background:url(../img/icon_link.gif) left 3px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 5px 5px;
	}

.link strong {
	margin:0 10px 0 0;
	}

.link a {
	color:#698000;
	}

.link a:hover {
	color:#abbe54;
	}

.pdnBtm10 {
	padding:0 0 10px 0;
	}

.pdnBtm20 {
	padding:0 0 20px 0;
	}

.mgnTop10 {
	margin:10px 0 0 0;
	}

.mgnTop20 {
	margin:20px 0 0 0;
	}

.mgnBtm10 {
	margin:0 0 10px 0;
	}

.mgnBtm20 {
	margin:0 0 20px 0;
	}

.pagetopText {
	font-size:0.9em;
	font-weight:bold;
	text-align:right;
	}

.redText {
	color:#D20025;
	padding:0 0 5px 0;
	font-weight:bold;
	}