@charset "utf-8";
@import "default.css";

/*
==============================================================================

�¡‚±‚ÌCSSƒtƒ@ƒCƒ‹‚Ì–ðŠ„

�EƒOƒ��[ƒoƒ‹ƒGƒŠƒA�iƒ�ƒOƒCƒ“�E�V‹K“o˜^�j‚̃Xƒ^ƒCƒ‹‚Ì‹L�q

==============================================================================
*/

/*
layout
==============================================================================
*/

body,th,td {
	font-size:13px;
}

#container {
	color:#555555;
	margin:0 auto;
}

#wrapper {
	margin:0 auto 30px;
	width: 800px;
}

body #main {
	float:left;
	width:540px;
}

body #side {
	float:right;
	width:200px;
}

body#top #main {
	float:none;
	width:100%;
}
.cBox { 
	zoom:100%;
}

.cBox:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

/*
link text color
==============================================================================
*/

a:link {
	color:#0000FF;
}

a:visited {
	color:#0000FF;
}

a:hover {
	color:#0000FF;
}

a:active {
	color:#0000FF;
}

/*
header
==============================================================================
*/

#header {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #666666;
}

#header .inner {
	position:relative;
	height:120px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#header .logo {
	position:absolute;
	left:2px;
	margin-top: 5px;
}

#header .description {
	position:absolute;
	top:45px;
	right:0;
	color:#999999;
	font-size: 14px;
}

#header .btnRegist {
	text-align: right;
	float: right;
}

#header .demo {
	position:absolute;
	top:70px;
	right:4px;
}

#header ul.headNav {
	text-align:right;
	padding:8px 3px;
	background:#000099 url(/global_img/front/menu_left.gif) no-repeat left top;
	position:absolute;
	right:0;
	top:75px;
}

#header ul.headNav li {
	display:inline;
	font-size:14px;
	font-weight:bold;
	padding:3px 8px;
	border-right:1px solid #88BBDD;
}

#header ul.headNav li.end {
	border-right:none;
}

#header ul.headNav li a {
	color:#FFFFFF;
}

.head_menu{
	}
ul#hm {
	height: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

ul#hm li {
	display:block;
	float:left;
	text-indent:-9999em;
}

ul#hm li.in          a {	width:160px;background:url(/global_img/head_btn_introduction.gif) no-repeat; }
ul#hm li.ex          a {	width:160px;background:url(/global_img/head_btn_example.gif) no-repeat; }
ul#hm li.press       a {	width:160px;background:url(/global_img/head_btn_press.gif) no-repeat; }
ul#hm li.con         a {	width:160px;background:url(/global_img/head_btn_contact.gif) no-repeat; }
ul#hm li.faq         a {	width:160px;background:url(/global_img/head_btn_faq.gif) no-repeat; }


ul#hm li a {
	display:block;
	overflow:hidden;
	height:50px;
	background-position:left top;
}

ul#hm li a:hover {
	background-position:left -50px;
}

body#features        ul#hm li.in         a {	background-position:left -50px;}
body#example         ul#hm li.ex         a {	background-position:left -50px;}
body#release         ul#hm li.press      a {	background-position:left -50px;}
body#contact         ul#hm li.con        a {	background-position:left -50px;}
body#faq             ul#hm li.faq        a {	background-position:left -50px;}

/*
top page
==============================================================================
*/

body#top #main {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

/**/

body#top #main h1 {
}

/**/

body#top #main .catchBox {
	float:left;
	width:540px;
	font-size:14px;
	line-height:1.6;
}

body#top #main .catchBox .catchBoxInner {
	padding:5px;
}

body#top #main .catchBox h2 {
}

body#top #main .catchBox p {
	margin-bottom:0;
}

body#top #main .loginBox {
	float:right;
	width:260px;
	font-size:14px;
	line-height:1.5;
	padding-top:15px;
	background:url(/global_img/front/login_bg.gif) left top no-repeat;
	margin-top: 30px;
	height: 144px;
}

body#top #main .loginBox .loginBoxInner {
	padding:0 15px 13px;
	background:url(/global_img/front/login_bg.gif) left bottom no-repeat;
}

body#top #main .loginBox img{
	vertical-align:top;
}

/**/

body#top #main .columns {
	margin-bottom:15px;
	padding-bottom:15px;
	background:url(/global_img/front/columns_bg.gif) left bottom no-repeat;
}

body#top #main .columnLeft {
	float:left;
}

body#top #main .columnRight {
	float:right;
}

body#top #main .columnLeft,
body#top #main .columnRight {
	width:395px;
	font-size:14px;
	line-height:1.5;
	margin-bottom:10px;
	padding-top:20px;
	background:url(/global_img/front/column_bg.gif) left top no-repeat;
}

body#top #main .columnLeft h2,
body#top #main .columnRight h2 {
	margin-bottom:6px;
}

body#top #main .columnLeft p.small,
body#top #main .columnRight p.small {
	color:#669900;
	font-size:13px;
	line-height:1.3;
	text-indent:-1em;
	margin-top:8px;
	padding-left:1em;
}

body#top #main .columnInner {
	padding:0 20px;
}


/*
contents
==============================================================================
*/

#main .inner {
	margin-left:20px;
}

body#top #main .inner {
	margin-left:0;
}

#main .titleBlock {
	margin:30px 0 20px -12px;
	padding:5px 0 5px 12px;
	background:url(/global_img/common/title_bg.gif) left bottom no-repeat;
}

body#top #main .titleBlock {
	margin:10px 0;
}

#main .titleBlock h1 {
	color:#003399;
	font-size:18px;
	font-weight:bold;
	margin-bottom:3px;
}

body #main h3 {
	color:#0066CC;
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:20px;
	margin-left:-12px;
	padding:3px 0 3px 7px;
	border-left:5px solid #CCCCCC;
}

body #main .titleBlock h3 {
	color:#003399;
	font-size:18px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:0;
	margin-left:0;
	padding:0;
	border-left:none;
}

body #main h4 {
	color:#339900;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	margin-bottom:8px;
}

#main .titleBlock p {
	color:#666666;
	font-size:13px;
	margin-bottom:4px;
}

#main p {
	font-size:14px;
	line-height:1.5;
	margin-bottom:10px;
}
#midcopy {
	font-size: 26px;
	font-weight: bolder;
	color: #006699;
	padding: 5px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

body #main ul.note li,
body#top #main ul.note li {
	font-size:13px;
	line-height:1.2;
	margin-bottom:4px;
}



/*
example
==============================================================================
*/

dl.exampleList {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #DDDDDD;
}

dl.exampleList dt {
	width:180px;
	float:left;
}

dl.exampleList dd.shopName {
	font-size:14px;
	font-weight:bold;
	margin-left:190px;
	margin-bottom:6px;
	padding-top:10px;
}

dl.exampleList dd.shopText {
	font-size:14px;
	line-height:1.4;
	margin-left:190px;
	margin-bottom:6px;
}

dl.exampleList dd.shopLink {
	text-align:right;
	margin-left:190px;
}

/*
plan
==============================================================================
*/

table.planTbl {
	width:100%;
	margin-bottom:10px;
	border-collapse:collapse;
}

table.planTbl th, table.planTbl td {
	padding:5px 3px;
	border:1px solid #AAAAAA;
}

table.planTbl thead th {
	color:#555555;
	text-align:center;
	background:#EEEEEE;
}

table.planTbl tbody th {
	color:#555555;
	text-align:left;
	background:#EEEEEE;
}

table.planTbl td {
	text-align:right;
}

/*
regist
==============================================================================
*/

.registBox {
	/*width:540px;*/
	margin:40px auto;
}

.registBox h2 {
	color:#666666;
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}

table.registTbl {
	width:100%;
	margin-bottom:10px;
	border-collapse:collapse;
}

table.registTbl th, table.registTbl td {
	padding:12px 5px;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
}

table.registTbl th {
	width:170px;
	color:#555555;
	text-align:left;
	background:#EEEEEE;
}

table.registTbl td {
	text-align:left;
}

table.registTbl td input {
	padding:2px;
}

/*
company profile
==============================================================================
*/

.companyProfile dt {
	color:#000066;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px 0 5px 4px;
	border-bottom:1px dotted #CCCCCC;
	border-left:5px solid #CCCCCC;
}

.companyProfile dd {
	margin-bottom:20px;
	padding-left:9px;
}

/*
faq
==============================================================================
*/

.faqList dt {
	color:#996633;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px 0 5px 4px;
	border-bottom:1px dotted #CCCCCC;
}

.faqList dd {
	font-size:14px;
	margin-bottom:30px;
	padding-left:9px;
}

/*
example index
==============================================================================
*/

.index dt {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}

.index dt a {
	color:#000066;
	text-decoration:none;
}

.index dd {
	font-size:13px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #999999;
}

/*
A-Form
==============================================================================
*/

.aform-content dt {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

.aform-content dd {
	margin-bottom:10px;
}

.aform-content dd input {
	padding:2px;
}

.aform-content dd textarea {
	width:99%;
	height:120px;
	padding:2px;
}

.aform-content .submit {
	text-align:center;
}

.aform-content .submit input {
	padding:2px 4px;
}

input#aform_btn_submit, input#aform_btn_back {
	padding:2px 4px;
}

.aform-content .required {
	color:#FF0000;
	font-size:13px;
	margin:0 2px;
}

.aform-content #aform_result {
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	margin:20px 0;
}

/*
login
==============================================================================
*/

.login_box {
	margin:40px auto 100px;
}

.login_box h1 {
	color:#333333;
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}

.login_box h2 {
	color:#666666;
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}

.login_box_inner {
	margin-bottom:15px;
	padding:20px 20px;
	border:3px solid #CCCCCC;
}

.login_box_inner table {
	margin:0 auto;
}

.login_box_inner th, .login_box_inner td {
	vertical-align:top;
	padding:6px;
}

.login_box_inner th {
	color:#33CCCC;
	font-weight:bold;
	padding-top:9px;
}

.login_box .reminder_link {
	text-align:right;
}

.login_box li {
	margin:5px 0;
}

.login_box li input {
	vertical-align:middle;
}

/*
side
==============================================================================
*/

#side .inner {
	margin:10px 0px;
	padding:5px 5px;
	background:#DDDDDD;
}

#side .banner {
	margin-bottom:10px;
	text-align:center;
}

#side .contact {
	margin-bottom:10px;
	padding:0 5px;
}

#side .contact p.btn {
	margin-bottom:5px;
}

#side .contact p.text {
	color:#666666;
	font-size:11px;
	line-height:1.4;
}

#side .services {
	margin-bottom:10px;
}

#side .services li {
	text-align:center;
	margin-bottom:5px;
}

/*
foot content
==============================================================================
*/

#footContent {
	margin:0 auto 10px;
}

#footContent .contact {
	width:500px;
	padding:12px 0;
	margin:0 auto 10px;
	background:#DDDDDD;
	border-top:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
}

#footContent .contact .btn {
	float:left;
	width:190px;
	text-align:right;
}

#footContent .contact .text {
	float:right;
	width:295px;
	color:#666666;
	font-size:13px;
	line-height:1.3;
	text-align:left;
}

#footContent .toPageTop {
	font-size:11px;
	text-align:right;
	margin-top:30px;
}


/*
footer
==============================================================================
*/

#footer {
	border-top:6px solid #CCCCCC;
	background:#000000 url(/global_img/common/footer_bg.gif) left bottom repeat-x;
	padding:30px 0;
}

#footer .banner {
	text-align:center;
	margin-bottom:25px;
}

#footer ul {
	text-align:center;
	margin-bottom:20px;
}

#footer ul li {
	display:inline;
	font-size:13px;
	padding:0 10px;
}

#footer ul li.end {
}

#footer ul li a {
	color:#FFFFFF;
}

#footer #ftServices {
	color:#666666;
	padding-left:15px;
}

#footer #ftServices h4 {
	color:#666666;
	margin-bottom:2px;
}


#footer #ftServices a {
	color:#999999;
}

/*
pager
==============================================================================
*/

.pager {
	clear:both;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin:20px 0;
	text-align:center;
}

.pager a {
	background-position:center bottom;
	border:1px solid #DEDFDE;
	color:#0061DE;
	margin-right:3px;
	padding:2px 4px;
	text-decoration:none;
}

.pager a:hover {
	background-color:#FF9900;
	background-image:none;
	border:1px solid #CC6600;
	color:#FFFFFF;
}

.pager span.currentPage {
	color:#FF6600;
	font-weight:bold;
	margin-right:3px;
	padding:2px 6px;
}

.pager span.disabled {
	color:#ADAAAD;
	margin-right:3px;
	padding:2px 6px;
}