@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	font-size:100%;
	text-align:justify;
	vertical-align:baseline;
}
body {line-height:1.3em;}
a img {border:none;background-color:transparent;}
br {letter-spacing:0;}
table {border-collapse:collapse;border-spacing:0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}



/* font */
body, p, td, th, li {
	color: #4C4C4C;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height: 1.3em;
	/*font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;*/
	font-family: 'ms pgothic', arial, helvetica;
}
input, textarea, select, option {
	font-size: 100%;
}
/* Mac UTF-8の文字化け防止CSSハック */
/*\*//*/
input, textarea, select, option {
	font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
/**/

/* utils */
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* link */
a:link {
	color: #006E96;
}
a:visited {
	color: #006E96;
}
a:hover {
	color: #4C99B5;
}
a:active {
	color: #4C99B5;
}

div.hr {
	background:url(../img/dot.gif) repeat-x;
	width:100%;
	height:1px;
	overflow:hidden;
	margin:5px 0;
}

.errornote {
	background:#ffc;
	color:#dd0000;
	padding:2px 6px;
}


#container {
	width:1000px;
	margin:0 auto;
	text-align:left;
	background:#fff;
}
#site-header {
	width:100%;
	height:74px;
	background:url(../img/site_header_bg.jpg) repeat-x;
}
#site-header #site-logo {
	padding-left:21px;
	width:115px;
	float:left;
}
#site-header h1 {
	float:right;
	font-size:10px;
	font-weight:normal;
	color:#848484;
	padding:2px 3px;
}
#page-header {
	position:relative;
	width:100%;
	height:200px;
	background:url(../img/page_header_bg.jpg) 145px 36px no-repeat;
}
#user-login {
	float:left;
	padding:29px 0 0 9px;
}
#user-login .content {
	width:184px;
	height:171px;
	background:url(../img/user_login_bg.gif) no-repeat;
}
#user-login .content form {
	padding:34px 0 0 22px;
}
#user-login .content p {
	color:#fff;
}
#header-navi {
	float:left;
	padding:20px 0 0 0;
}
#header-contact {
	width:785px;
	height:93px;
	text-align:right;
	overflow:hidden;
}
#header-menu {
	margin:24px 0 0 0;
	width:785px;
	height:45px;
	background:#000 url(../img/header_navi_bg.gif) no-repeat;
}
#header-news {
	width:785px;
	height:18px;
	background:#000 url(../img/header_news_bg.gif) no-repeat;
}
#page-home #header-news {
	background:#000 url(../img/header_news_bg_home.gif) no-repeat;
}
#header-news p {
	color:#BAC89C;
	font-size:10px;
	padding:2px 0 0 16px;
}

#contents {
	clear:both;
}
/* 2column */
#two-column {
	width:978px;
}
#two-column #main {
	float:right;
	width:785px;
}
#two-column #left-sidebar {
	float:left;
	width:193px;
}
/ 3column */
#left-center-wrapper {
	float:left;
	width:800px;
}
#left-center-wrapper #main {
	float:right;
	width:595px;
}
#left-center-wrapper #left-sidebar {
	float:left;
	width:205px;
}
#right-sidebar {
	float:left;
	width:200px;
}


#footer {
	clear:both;
	padding-top:24px;
}




#main {
	margin:9px 0 0 0;
}
#main #page-info {
	padding:0 0 8px 0;
	border-bottom:1px solid #d1d1d1;
}
#main #breadcums {
	float:left;
	margin:6px 0 0 8px;
}
#main #page-title {
	float:right;
}
#contact-form table {
	margin:8px 0;
}
#contact-form table th,
#contact-form table td {
	width:33%;
	padding:2px 6px;
	vertical-align:top;
}
#contact-form table th {
	font-weight:normal;
	text-align:right;
}
#contact-form .require {
	color:#C20000;
}


#side-navi {
	width:171px;
	margin:9px 0 0 17px;
}
#side-navi h3 {
	background:#f0f0f0;
	font-size:14px;
	color:#749E0A;
	padding:4px 8px 2px 8px;
	margin:0;
}
#side-navi ul {
	margin:2px 0 10px 0;
	padding:0;
	list-style:none;
}
#side-navi li {
	margin:0;
	background:url(../img/side_navi_icon.gif) no-repeat;
	padding:3px 4px 2px 22px;
	border-bottom:1px solid #e2e2e2;
	line-height:1em;
}
#side-navi li a {
	color:#4c4c4c;
	text-decoration:none;
}
#side-navi li a:hover {
	color:#8c8c8c;
}
#side-navi li.selected {
	background-color:#e5e5e5;
}
#side-navi li.selected a {
	color:#000;
	font-weight:bold;
	letter-spacing:-1px;
}
#side-navi .banner {
	margin:16px 0 0 0;
}




#right-sidebar #works {
	margin:0 0 0 14px;
	width:172px;
}
#right-sidebar #about {
	margin:0 0 0 14px;
	width:172px;
}
#right-sidebar #about .content {
	margin:8px 0;
}
#right-sidebar #about h4 {
	font-size:14px;
	padding:8px 0;
	margin:0 0 8px 0;
	border-bottom:1px solid #e2e2e2;
	text-align:center;
}
#right-sidebar #about p {
	font-size:11px;
}



#footer {
	margin-top:30px;
}
#footer-about {
	width:820px;
	margin:0 auto;
	font-size:10px;
	color:#868585;
}
#footer-navi {
	color:#707070;
	text-align:center;
	margin:10px 0;
}
#footer-navi a {
	color:#707070;
	text-decoration:none;
}
#footer-navi a:hover {
	text-decoration:underline;
}
#footer-copy {
	border-top:1px solid #808080;
	padding:8px 0 30px 0;
	text-align:center;
}







/*
common
*/
h4 {
	padding:0 4px 14px 4px;
	background:url(../img/h4_foot.gif) bottom left no-repeat;
	margin:0 0 16px 0;
	color:#707070;
	font-weight:bold;
}
h5 {
	font-weight:bold;
}
strong, .strong { font-weight:bold; }
.black { color:#000; }
.normal { font-weight:normal; }

#in-pack {
	float:left;
	width:314px;
	margin-top:43px;
}
#in-pack h5 {
	background:#f7f7f7;
	height:20px;
	overflow:hidden;
	padding:7px 0 0 18px;
	margin-bottom:4px;
}
#in-pack .row {
	background:url(../img/dot.gif) bottom left repeat-x;
	height:20px;
	overflow:hidden;
}
#in-pack .row .l {
	float:left;
	margin:0 0 3px 32px;
	width:100px;
	height:16px;
	overflow:hidden;
}
#in-pack .row .r {
	float:left;
	margin:0 0 3px 32px;
	height:16px;
	overflow:hidden;
}

#details {
	margin:4px 0 0 20px;
}
#details, #details p, #details div, #details th, #details td {
	color:#000;
}


/* 3pack */
#sample {
	float:left;
	width:318px;
	margin:30px 0 0 0;
	padding:0 0 0 56px;
}
#sample-title {
	float:left;
	margin-top:14px;
}
#sample-url {
	float:right;
	margin-top:14px;
	padding-right:12px;
}
#sample-image {
	clear:both;
	margin-top:8px;
}
#price-detail {
	float:left;
	margin:30px 0 0 0;
}
#price-detail .op-info {
	text-align:center;
	margin:12px 0;
}

#options {
	margin:4px 0 0 20px;
}
#options .detail {
	float:left;
	width:568px;
}
#options .detail table {
	width:544px;
}
#options .detail table th,
#options .detail table td {
	font-weight:normal;
	vertical-align:top;
	background:#f7f7f7;
	padding:1px 8px;
	color:#000;
}
#options .detail table td {
	width:1%;
	white-space:nowrap;
}
#options .detail table .g th,
#options .detail table .g td {
	background:#ededed;
}
#options .detail p {
	margin:5px 0;
	color:#000;
}
#options .detail strong {
	color:#ff0000;
}
#options .button {
	float:left;
	width:197px;
}


#works {
	margin:4px 0 0 20px;
}
.work {
	color:#676767;
	float:left;
	width:346px;
	margin:10px 0 20px 0;
}
.work.right {
	float:right;
}
.work h5 {
	margin:5px;
}
.work .detail {
	margin:5px;
}




.system-type {
	margin:16px 0 60px 0;
}
.system-type p {
	margin:12px 6px;
}



#page-seo #in-pack,
#page-writting #in-pack {
	float:left;
	width:314px;
	margin-top:23px;
}


/* seo table */
#seo-list {
	width:100%;
	_width:765px;
	margin-top:10px;
}
#seo-list th,
#seo-list td {
	border:1px solid #d1d1d1;
	
}
#seo-list th {
	text-align:center;
	height:40px;
	overflow:hidden;
	background:url(../img/seo/seo_list_header.gif) repeat-x;
	padding-top:13px;
	font-weight:bold;
}
#seo-list td {
	padding:4px 8px 2px 8px;
}
#seo-list td.keyword {
	font-weight:bold;
}
#seo-list td.hits,
#seo-list td.rank {
	text-align:center;
}
#seo-list tr.g td {
	background:#f5f5f5;
}
#seo-list td.hlight {
	background:#FFE4C7 !important;
}



#page-planning #details {
	margin:4px 0 0 20px;
}
#page-planning #op-menu {
	margin:0 0 16px 32px;
}
#page-planning #op-menu td {
	padding:6px 52px 6px 0;
}


#page-translate #details {
	margin:4px 0 40px 20px;
}


#page-logo #pack-list,
#page-character #pack-list {
	width:740px;
}
#page-logo #pack-list th,
#page-character #pack-list th {
	text-align:center;
	padding:6px 12px;
}
#page-logo #pack-list td,
#page-character #pack-list td {
	text-align:center;
	padding:3px 12px;
}
#page-logo #pack-list tr.g td,
#page-character #pack-list tr.g td {
	background:#eeeeee;
}



#company {
	padding:25px 12px;
}
#company table {
	width:100%;
}
#company table tr.u th,
#company table tr.u td {
	border-bottom:1px solid #e5e5e5;
}
#company table th,
#company table td {
	font-weight:normal;
	padding:4px;
}
#company table th {
	padding-left:140px;
}


#sent-message {
	margin:8px;
	border:1px solid #e3e3e3;
	background:#eff;
	padding:12px;
	line-height:170%;
	text-align:center;
}