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


#header, #gnavi {
	width:960px;
	margin:0 auto;
}
#footer,
body#grandtop #wrap_content {
	width:932px;
	margin:0 auto;
}
body#second #wrap_content {
	width:945px;
	margin:0 auto;
}



#headline_unit {
	padding:0.5em 0.8em;
	margin:0 0 1em;
	border:1px solid #d6d6d6;
	overflow:hidden;
	zoom:1;
}
.headline {
	float:right;
}
.headline li {
	float:left;
}
.headline a {color:#000000;}
.headline a:hover {color:#888888;}
.headline a:visited {color:#888888;}

h1 {
	float:left;
	width:249px;
	height:18px;
	overflow:hidden;
	text-indent:-7777px;
	background:url(../images/headline.png) no-repeat;
}
h1 a{
	display:block;
	width:249px;
	height:18px;
	line-height:0;
}




.identity {
	overflow:hidden;
	zoom:1;
	margin:0 0 1em;
}
#logo {
	float:left;
	width:141px;
	height:34px;
	overflow:hidden;
	text-indent:-7777px;
	margin:0 0 0 4em;
	_margin:0 0 0 2em;
	background:url(../images/logo.png) no-repeat;
}
#logo a{
	display:block;
	width:141px;
	height:34px;
}
.side_inquiry_btn {
	float:right;
	background:url(../images/btn_inquiry.png);
}
.side_inquiry_btn a {
	display:block;
	width:332px;
	height:45px;
	background:url(../images/btn_inquiry.png) 0 0;
	text-indent:-7777px;
}
.side_inquiry_btn a:hover {
	background-position:0px -45px;
}






#gnavi li
{
	float:left;
	height:40px;
	padding:0;
	background:none;
}
#gnavi li a
{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	background:url(../images/gnavi.png);
	text-indent:-7777px;
}
/*normal*/
#gnavi li.about		{width:192px;}
#gnavi li.products	{width:192px;}
#gnavi li.partner	{width:192px;}
#gnavi li.faq		{width:192px;}
#gnavi li.company	{width:192px;}
/*of*/
#gnavi li.about a		{background-position:0px 40px;}
#gnavi li.products a	{background-position:-192px 40px;}
#gnavi li.partner a 	{background-position:-384px 40px;}
#gnavi li.faq a			{background-position:-576px 40px;}
#gnavi li.company a		{background-position:-768px 40px;}
/*on*/
#gnavi li.about a:hover		{background-position:0px 0px;}
#gnavi li.products a:hover	{background-position:-192px 0px;}
#gnavi li.partner a:hover 	{background-position:-384px 0px;}
#gnavi li.faq a:hover		{background-position:-576px 0px;}
#gnavi li.company a:hover	{background-position:-768px 0px;}
/*on class*/
#gnavi li.about a.on		{background-position:0px 0px;}
#gnavi li.products a.onr	{background-position:-192px 0px;}
#gnavi li.partner a.on 	{background-position:-384px 0px;}
#gnavi li.faq a.on		{background-position:-576px 0px;}
#gnavi li.company a.on	{background-position:-768px 0px;}

body#grandotop #wrap_content {
	margin-top:-39px;
	overflow:hidden;
	zoom:1;
}





#info_unit h2 {
	height:0;
	margin:0 0 0.6em;
	padding-top:32px;
	text-indent:-7777px;
	overflow:hidden;
	background:url(../images/title_info.png) no-repeat;
}
#info_unit {
	float:left;
	width:621px;
	margin:0 5px 0 0;
	display:block;
	overflow:hidden;
	zoom:1;
	background:url(../images/frame_bg621.png) repeat-y;
}




#official_link {
	float:left;
	width:304px;
	margin:0 0 0 0;
}
#official_link a {
	display:block;
	width:304px;
	height:144px;
	background:url(../images/banner_official.png) no-repeat;
	text-indent:-7777px;
}
.inquiry a {
	width:332px;
	height:45px;
	background:url(../images/btn_inquiry.png) 0 0;
}
.inquiry a:hover {
	background-position:0px -45px;
}




#info_unit,#official_link {
	margin-bottom:1em;
}

#topicsChanger {
	overflow-y:scroll;
	margin:0 12px 0 30px;
	width:570px;
	height:92px;
	border:none;
	line-height:1.3;
	font-size:83%;
}

#blog_wrap {
	clear:both;
	margin-bottom:2em;
	overflow:hidden;
	zoom:1;
}
.blog_unit {
	float:left;
	width:304px;
	padding:10px 0 0 0;
	border-top:1px solid #d8d8d8;
	background:url(../images/frame_bg300.png) repeat-y;
}
h3.title_manage,
h3.title_pr,
h3.title_tomozou {
	width:280px;
	height:0;
	padding:47px 0 10px;
	_padding:35px 0 10px;
	text-indent:-7777px;
	margin:0 auto;
}
h3.title_manage {
	background:url(../images/title_blog_salesmanage.png) no-repeat;
}
h3.title_pr {
	background:url(../images/title_blog_pr.png) no-repeat;
}
h3.title_tomozou {
	background:url(../images/title_blog_tomozou.png) no-repeat;
}




.blog_inner {
	width:272px;
	height:100px;
	margin:0 auto 12px;
	padding:0 0 5px;
	border-bottom:1px solid #666;
}
.blog_inner dt {
	overflow:hidden;
	height:2.6em;
}

.blog_inner dt a {
	color:#7B7617;
}

.blog_inner dd {
	overflow:hidden;
	height:4.2em;
}



/*-----------------------------------------------------------------------------------------*/


#footer {
	clear:both;
}
#footer .logo_footer {
	float:right;
	width:179px;
	height:0;
	text-indent:-7777px;
	padding-top:43px;
	margin:0 9em 0 0;
	_margin:0 4.5em 0 0;
	background:url(../images/logo_footer.png) no-repeat;
}


/*-----------------------------------------------------------------------------------------*/


body#grandtop #keyvisual {
	clear:both;
	width:976px;
	height:320px;
	margin:0 auto;
	text-indent:-7777px;
	background:url(../images/main_top.png) no-repeat;
	z-index:-1;
}


/* second page main bisual */
body#second #keyvisual {
	clear:both;
	width:972px;
	height:180px;
	margin:0 auto;
	text-indent:-7777px;
	background:url(../images/main_second.png) no-repeat;
	z-index:-1;
}

body#second div.honka    {background-image:url(../images/main_second.jpg)!important;}
body#second div.products {background-image:url(../images/main_second_products.jpg)!important;}
body#second div.partner  {background-image:url(../images/main_second_partner.jpg)!important;}
body#second div.faq      {background-image:url(../images/main_second_faq.jpg)!important;}
body#second div.company  {background-image:url(../images/main_second_company.jpg)!important;}


/*-----------------------------------------------------------------------------------------*/


body#second #wrap_content {
	margin-top:-35px;
	overflow:hidden;
	zoom:1;
}

#right_content {
	clear:both;
	float:right;
	width:745px;
}
#second_content {
	width:745px;
	margin:0 0 3px;
	display:block;
	background:url(../images/frame_bg744.png) repeat-y;
}






#bread_list {
	float:right;
	overflow:hidden;
	zoom:1;
	background:#fff;
	font-size:12px;
	margin:0 3px 0 0;
	_margin:0 0.2em 0 0;
	padding:0.1em 0 0 0.5em;
	border-top:1px solid #666666;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
}	
#bread_list li{
	float:left;
}
#bread_list li.bread_top {
	padding:0 1em 0 1em;
	background:url(../images/bread_top.gif) no-repeat 0 0.1em;
}
#bread_list li.bread_second {
	padding:0 0.7em 0 2em;
	background:url(../images/bread_second.gif) no-repeat 0 0.5em;
}




#second_content h2{
	margin:5px 0 10px 12px;
	width:720px;
	height:0;
	padding-top:21px;
	text-indent:-7777px;
	overflow:hidden;
}
h2.staffinfo	{background:url(../images/h2_staffinfo.png) no-repeat;}
h2.access		{background:url(../images/h2_access.png) no-repeat;}
h2.privacy		{background:url(../images/h2_privacy.png) no-repeat;}
h2.faq			{background:url(../images/h2_faq.png) no-repeat;}
h2.policy		{background:url(../images/h2_policy.png) no-repeat;}
h2.partner		{background:url(../images/h2_partner.png) no-repeat;}
h2.company		{background:url(../images/h2_company.png) no-repeat;}
h2.products		{background:url(../images/h2_products.png) no-repeat;}
h2.inquiry		{background:url(../images/h2_inquiry.png) no-repeat;}




h3 {
	width:707px;
	margin:5px 0 10px 12px;
	padding:0.1em 0 0.1em 0.8em;
	background:url(../images/icon3.png) no-repeat left #e5e5d3;
}
h4 {
	width:695px;
	margin:1em auto;
	padding:0.4em 0 0 0.8em;
	background:url(../images/icon4.png) no-repeat 0 0.7em;
	font-size:90%;
}
h5 {
	width:680px;
	margin:1em auto;
	font-size:85%;
}






#second_content p {
	width:700px;
	margin:1em auto;
	text-align:justify;
}



.notes {
	border-top:1px solid #ccc;
	padding:1.5em 2.5em;
}
.blog_more {
	margin:0;
	padding:0 0 30px 1em;
	background:url(../images/icon5.png) no-repeat 0 0.3em;
}

a.pdf {
	padding-left:17px;
	background:url(../images/pdf_small.gif) no-repeat 0 50%;
}


/*---------------  faq  --------------------------------------------------------*/
#second_content .qa_unit {
	clear:both;
	width:700px;
	margin:0 auto;
	padding:0 0;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	zoom:1;
}
#second_content .qa_unit img {
	margin:0 1em 1em 0;
}
.q1,.q2,.q3,.q4,.q5,.q6,.q7	{padding:0 0 0 2.5em;color:#6b1f53;margin:0 0 1em;}
.q1	{background:url(../images/faq/q1.gif) no-repeat;}
.q2	{background:url(../images/faq/q2.gif) no-repeat;}
.q3	{background:url(../images/faq/q3.gif) no-repeat;}
.q4	{background:url(../images/faq/q4.gif) no-repeat;}
.q5	{background:url(../images/faq/q5.gif) no-repeat;}
.q6	{background:url(../images/faq/q6.gif) no-repeat;}
.q7	{background:url(../images/faq/q7.gif) no-repeat;}

#second_content .a_unit {
	float:right;
	width:700px;
}
#second_content .a_unit p {
	float:right;
	padding-bottom:1em;
	width:665px;
	margin:0;
}
.a1	{background:url(../images/faq/a1.gif) no-repeat;}
.a2	{background:url(../images/faq/a2.gif) no-repeat;}
.a3	{background:url(../images/faq/a3.gif) no-repeat;}
.a4	{background:url(../images/faq/a4.gif) no-repeat;}
.a5	{background:url(../images/faq/a5.gif) no-repeat;}
.a6	{background:url(../images/faq/a6.gif) no-repeat;}
.a7	{background:url(../images/faq/a7.gif) no-repeat;}









/*---------------  privacy  --------------------------------------------------------*/
.privacy_unit p {
	margin:1.5em 1.5em 1.5em;
}






/*---------------  staffinfo  --------------------------------------------------------*/
.staffinfo_lead {
	width:710px;
	margin:0 auto;
	padding:0 0 0.8em;
	border-bottom:1px solid #95964e;
}
.staffinfo_lead img {
	margin:0 1em 1em 0;
}

.staffinfo_blogdesc {
	margin:0 1em;
}



/*---------------  partner  --------------------------------------------------------*/
.partner_lead {
	padding:0 0 1.5em;
	border-bottom:1px solid #ccc;
}
.partner_lead img {margin:0 1em 0 0;}

.partner_list {
	width:680px;
	margin:0 auto 1.5em;
}
.partner_new {
	width:680px;
	margin:0 auto 1em;
	padding:0;
}
.partner_new p {
	min-height:40px;
	padding:0.5em 0 0 3em;
	background:url(../images/pdf.gif) no-repeat 0 0;
}
.adobe_unit {
	width:650px;
	margin:0 auto 1.5em;
	padding:1px 1em;
	background:#F1F1E8;
}
.partner_bk {
	width:700px;
	margin:0 auto 1em;
	padding:0;
	border-top:1px solid #ccc;
}
.partner_list_bk {
	margin:0 0 0 1em;
}
.partner_list_bk li {
	line-height:24px;
	padding:0 0 0 1.5em;
	background:url(../images/pdf_small.gif) no-repeat 0 0.4em;
}






#side {
	float:left;
	width:188px;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	zoom:1;
	background:url(../images/frame_bg188.png) repeat-y;
	/*border-top:2px solid #ccc;*/
}
*html body #side {margin:17px 0 0 0;}
*+html body #side {margin:17px 0 0 0;}





#side_navi {
	width:162px;
	margin:0 auto;
}
#side_navi li {
	padding:0;
	margin:5px 0 8px;
	width:162px;
	background:url(../images/sidemenu_bg.png) no-repeat top center #e5e5d3;
}
#side_navi li a {
	display:block;
	padding:0.3em 0 0.5em 1.2em;
}




.btn_inquiry,.btn_official {
	width:162px;
	padding:0;
	margin:10px auto 0;
}
.btn_inquiry a,.btn_official a {
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	text-indent:-7777px;
}
.btn_inquiry{height:94px;}
.btn_official{height:165px;}
.btn_inquiry a{background:url(../images/side_btn_inquiry.png) no-repeat;}
.btn_official a{background:url(../images/side_btn_official.png) no-repeat;}





*html body .sidef	{margin:-14px 0 0;}
*+html body .sidef	{padding:0px;margin:-14px 0 0 0;}
*html body .contentf	{margin:-15px 0 0;}
*+html body .contentf	{padding:0px;margin:-15px 0 0 0;}


/*---------------  products  --------------------------------------------------------*/

div.products_img {
	float:left;
	_display:inline;
	margin-left:10px;
	padding:0 10px 10px 0;
}

div.products_img img {
	margin-bottom:5px;
	border:3px solid #E5E5D3;
}

table.products_table {
	width:400px;
	border-collapse:collapse;
}

table.products_table th,
table.products_table td {
	padding:5px;
	border:1px solid #ccc;
	text-align:left;
	font-weight:normal;
}

table.products_table tbody th {width:7em; background:#F9FAEB;}
table.products_table tbody td {}

ul.products_list li {
}

p.products_paragraf {
	margin-right:1.5em!important;
	width:auto!important;
}


/*---------------  company  --------------------------------------------------------*/

dl.company_outline {
	margin:0.5em auto 1em;
	width:700px;
}

dl.company_outline dt {
	clear:both;
	float:left;
	padding:5px 0;
	width:5em;
	font-weight:bold;
}

dl.company_outline dd {
	padding:5px 0 5px 6em;
	border-bottom:1px dotted #E5E5D3;
}

ul.company_list {
	margin:0.5em auto 1em;
	width:700px;
}

ul.company_list li {
}

table.company_history {
	margin:0.5em auto 1em;
	width:700px;
	border-collapse:collapse;
	border:3px solid #E5E5D3;
}

table.company_history th,
table.company_history td {
	border-top:2px solid #E5E5D3;
	border-bottom:2px solid #E5E5D3;
}

table.company_history th {
	text-align:right;
	white-space:nowrap;
	background:#F9FAEB;
}

table.company_history th.year  {width:5em; padding-left:1em;}
table.company_history th.month {width:3em;}
table.company_history th.date  {width:3em; padding-right:1em;}

table.company_history td {
	padding-left:1em;
	border-left:1px solid #E5E5D3;
}


/*---------------  access  --------------------------------------------------------*/

#map {
	margin:1em auto;
	width:715px;
}

#map ul {
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
	width:115px;
}

#map ul li {
	margin:0;
	padding:0;
	background-image:none;
}

#map div {
	overflow:hidden;
	position:relative;
	width:515px;
	height:600px;
}

#map div img {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}


/*---------------  inquiry  --------------------------------------------------------*/

div.by_paper {
	float:right;
	margin:0 20px 15px 15px;
	padding:10px;
	width:200px;
	background:#E0EFE6;
	font-size:12px;
}

div.by_paper p {
	margin-top:0!important;
	width:auto!important;
}

table.inquiryTable {
	clear:both;
	margin:1em auto;
	width:700px;
	background:#F6F4EE;
	border-collapse:collapse;
}

table.inquiryTable th,
table.inquiryTable td {
	padding:10px;
	border:2px solid #fff;
}

table.inquiryTable th {
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	color:#666;
	white-space:nowrap;
}

table.inquiryTable th span.required {
	color:#CC0000;
}

table.inquiryTable td {
}

table.inquiryTable td label {
	margin-right:0.5em;
}

table.inquiryTable td div.help {
	font-size:81%;
	color:#009900;
}

table.inquiryTable td input.text {width:150px;}
table.inquiryTable td input.mail {width:250px;}
table.inquiryTable td textarea   {width:400px;height:150px;}

table.inquiryTable td.buttons {
	background:none;
	text-align:center;
}

table.inquiryTable td.buttons input {
	width:200px;
}

.error {
	margin-left:30px;
	padding-bottom:15px;
	font-weight:bold;
	color:red;
}