@charset "UTF-8";

/* ==================================================== */
/*             reset style                              */
/* ==================================================== */
* {
	color:#000000;
	margin:0px;
	padding:0px;
	font-style: normal;
	font-weight: normal;
	font-family: sans-serif;
	text-decoration:none;
	font-size:9pt;
	background:transparent;
	list-style-type:none;
}

img{
	vertical-align:bottom;
	border:0;
}

hr{
	clear:both;
}

/* ==================================================== */
/*             basic style                              */
/* ==================================================== */


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


/* mainframe */

body{
	text-align:center;
}

#main{
	width:728px;
	margin:0 auto;
	text-align:left;
}

/* header */

#header{
	width:728px;
	height:232px;
}

/* header_left */

#header_left{
	width:443px;
	padding:0px;
	float:left;
}

#header_l_logo{
	width:294px;
	height:54px;
	padding:0px;
	margin:30px 0px;
}

#header_l_menu{
	padding:10px 5px;
}



/* cheader_right */

#header_right{
	width:285px;
	margin:0px;
	padding:0px;
	float:left;
}

#header_r_button{
	width:245px;
	_width:285px;
	height:45px;
	_height:85px;
	margin:15px 0px 5px 0px;
	padding:25px 0px 15px 40px;
}

#header_r_menu{
	width:265px;
	margin:0 0 0 15px;
	padding:0 0 0 20px;
}

/* content_1pain */

#content_1pain{
	width:692px;
	padding:0px 6px 6px 6px;
	float:left;
}

#content_1pain_line{
	width:24px;
	padding:0px;
	float:left;
}



/* content_left */

#content_left{
	width:431px;
	padding:0px 5px 6px 6px;
	float:left;
}


/* content_right */

#content_right{
	width:286px;
	padding:0px;
	float:left;
}

#right_banner{
	width:100%;
	padding:0px;
}

#right_click{
	width:246px;
	_width:286px;
	height:31px;
	_height:71px;
	padding:20px;
	_padding:18px;
}

#right_news{
	width:236px;
	_width:276px;
	padding:20px;
	margin-left:10px;
}
#right_news_end{
	width:286px;
	height:11px;
}

/* footer */

#footer{
	width:480px;
	padding:4px auto;
	text-align:center;
	clear:both;
}


/* htmlparts */

hr{
	display:none;
	clear:both;
}
div.hr{
	border:0px;
	height:1px;
	margin:1px 0px 1px 0px;
	padding:0px;
	width:100%;
	clear:both;
}

.cursor{
	padding-left:8px;
}

.table dl dt.cursor{
	padding-left:5px;
}

.table dl dt.image{
	padding:0px;
}

img{
	margin:6px 0;
}

p{
	margin:6px 0;
}


li{
	margin-left:20px;
}
.table dl{
	margin:0px 0px 0px 20px;
	clear:both;
}

.table dl dt{
	width:100px;
	padding: 5px 0;
	float:left;
}

.table dl dd{
	margin: 7px 0 7px 100px;
	padding: 5px 0;
}

.table dl.banner {
	margin:0px 0px 0px 20px;
	clear:both;
}

.table dl.banner dt{
	width:200px;
	padding:0px;
	padding-left:8px;
	float:left;
}

.table dl.banner dd{
	margin-left:220px;
}


.leftpart{
	width:49%;
	margin:10px 0px;
	float:right;
}

.rightpart{
	width:49%;
	margin:10px 0px;
	float:left;
}

h1{
	display:none;
}

h2.tag{
	display:none;
}

div.products_paragraph h2,
h2.default_cursor,
h2.magicarrow_cursor,
h2.daruma_cursor,
h2.kururibon_cursor{
	padding-left:30px;
	height:20px;
	min-height:20px;
}

img.blank{
	margin:0px;
	padding:0px;
}

img.qr_code_image{
	float:left;
	margin:0;
	padding:0;
}

dd img{
	vertical-align:middle;
}

div.qr_code_block,
div.product_paragraph h3{
	clear:both;
}

div.short{
	margin:2px 0px 2px 0px;
	padding:0px;
	width:200px;
	
}

div.menu{
	margin:1px 0px 1px 0px;
	padding:0px;
	width:200px;
}

hr.clear{
	display:none;
	clear:both;
}

.ndate{
	padding:0 2px;
	margin-right:3px;
	float:left;
}

.ntitle{
	pading:2px;
	margin:3px 2px 1px 2px;
	float:clear;
}

.news_s{
	margin:3px;
}

.news_l{
	margin:3px;
}

.policy_paragraph,
.product_paragraph p,
.product_paragraph dl,
p,
ul{
	margin:10px 20px;
}
.policy_paragraph h3{
	margin-left:-15px;
}
.product_paragraph p.product_logo{
	margin:0;
}

.sign{
	text-align:right;
}

/* product psudo-inlineframe */

#product_introduction{
	width:/*620px;*/566px;
	height:300px;
	margin-left:55px;
}

#product_introduction_alist{
	width:190px;
	height:/*190px;*/300px;
	overflow:auto;
	float:left;
	
}

#product_introduction_list{
	width:/*320px/*/368px/**/;
	height:300px;
	overflow:auto;
	float:right;
}

#product_introduction hr.claer{
	visible:hidden;
	clear:both !important;
}


#product_introduction_alist ul,
#product_introduction_alist ul li{
	margin:0;
	padding:0;
}

#product_introduction_alist li{
	border:1px solid #FFF;	/*for IE6*/
}
#product_introduction_alist > ul > li{
	border:none; /* normal */
}

#product_introduction_alist li a{
	display:block;
	padding:0.2em 0.4em;
	/*margin-left:1px;*/
}

#product_introduction_alist li > a{
	padding:0.2em 0.4em;
	margin-left:1px;
}

#product_introduction_list h3.fn{
	padding:5px;
	margin-top:3em;
}

#product_introduction_list h4{
	padding:5px;
	margin-left:1px;
}

#product_introduction_list .full_title_image{
	height:290px;
}

#product_introduction_list .full_title_image,
#product_introduction_list .product_data {
	text-align:center;
}

#product_introduction_list .product_data p{
	padding:0.1em 0.5em;
	margin:0;
	text-align:right;
}

#product_introduction_list .mobile_access dl{
	padding:1em 2em;
	margin:0;
}


#product_introduction_list .mobile_access dl dd{
	padding-left:1em;
}

p.developer_signature{
	padding:0.1em 0.5em;
	margin:0;
	text-align:right;
}

html:not(:target) div.hproduct{
	display:none;
}
div.hproduct:target{
	display:block !important;
	background-color:#FFF;
	position:relative;
	top:-336px;
	z-index:10;
	margin-bottom:-300px;
}



#product_introduction_alist,
#product_introduction_list{
	border-width:2px 1px 1px 2px;	/* test */
	border-style:solid;				/* test */
	border-color:#888 #eee #eee #ccc;/* test */
}

#product_introduction_alist li a:link{
	color:#000;
	background-color:#transparent;
	text-decoration:none;
}
#product_introduction_alist li a:visited{
	color:#000/*#FFF*/;
	background-color:#transparent/*#F90*/;
	text-decoration:none;
}
#product_introduction_alist li a:hover{
	color:#000;
	background-color:#3CF;
}
#product_introduction_alist li a:active,
#product_introduction_alist li a:focus{
	color:#FFF;
	background-color:#F90;
	text-decoration:none;
}

#product_introduction_list h3.fn{
	color:#333;
	background-color:#f0f0f0;
	border:1px solid #fff;
}

#product_introduction_list h4{
	border-left:20px solid #F5AF35;
}

.product_data p,
.product_data span{
	color:#888;
}

/* ====== bg-color&image ===== */


/* mainframe */

#main{
	background:#f0f0f0;
}

/* header */

#header{
	background-color:#ffffff;
}

#header_r_button{
	background:#f0f0f0 url("./images/parts/header_button_bg.png") top repeat-x;
}


/* content_1pain */

#content_1pain,
#content_left{
	background:#ffffff url("./images/parts/corner.png") bottom right no-repeat;
}

#content_1pain_line{
	backgrond:#f0f0f0;
}


/* content_left */

/* content_right */

#right_banner{
	background:#f0f0f0 url("./images/parts/line_1.png") repeat-x;
}

#right_click{
	background:#f0f0f0 url("./images/parts/click_back.png") no-repeat;
}

#right_news{
	background:#ffffff;
}

#right_news_end{
	background:#f0f0f0 url("./images/parts/news_end.png") no-repeat;
}

/* footer */

#footer{
	background:#f0f0f0;
}

/* parts */
div.hr{
	background:#ffffff url("./images/parts/line_dot.png") top left repeat-x;
}

.cursor{
	background:#ffffff url("./images/parts/linkcursor.png") center left no-repeat;
}

.ndate{
	background:#8b959d;
}

.alert_messages h2.default_cursor,
div.product_paragraph h2{	/* product h2 default */
	background:transparent url("./images/parts/default_cursor.png") center left no-repeat;
}

div.product_paragraph h2.magicarrow_cursor{
	background:transparent url("./images/products/magicarrow/cursor.gif") center left no-repeat;
}
div.product_paragraph h2.daruma_cursor{
	background:transparent url("./images/products/daruma/cursor.png") center left no-repeat;
}
div.product_paragraph h2.kururibon_cursor{
	background:transparent url("./images/products/kururibon/cursor.gif") center left no-repeat;
}

/* ===== font size & color ===== */

/* footer */

#footer{
	font-size:96%;
}

.trademarkinfo{
	font-size:85%;
	color:#888888;
}

blockquote {
	text-indent:16px;
	font-size:95%;
}

strong {
	font-weight:bold;
}

strong.plain {
	font-weight:normal;
}

.alert_messages h2,
.policy_paragraph h3,
.product_paragraph dt,
.product_paragraph h3{
	font-weight:bold;
}

h2.magicarrow_cursor{
	color:#176C9D;
}

h2.daruma_cursor{
	color:#DB1211;
}

h2.kururibon_cursor{
	color:#2199FF;
}

h2.default_cursor,
h2.magicarrow_cursor,
h2.daruma_cursor,
h2.kururibon_cursor{
	font-size:120%;
}

/* ===== link decorate ===== */

a,
a:link{
	color:#176C9D;
	text-decoration:underline;
}

a:visited{
	color:#176C9D;
}

a:hover{
	color:#1E8CCC;
}

a:active{
	color:#3E4C6E;
}

.ndate{
	color:white;
}

.ntitle{
	font-weight:bold;
}

/* ==================================================== */
/*             link decoration                          */
/* ==================================================== */


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

#footer a,
.mininews .ntitle a{
	font-weight: bold;
	color:#333333;
}

#footer a:hover,
.mininews .ntitle a:hover{
	color:#104C6E;
}


/* ===== header ===== */
a.header_menu_consumer{
	display: block;
	width:149px;
	height:22px;
	margin:0px;
	padding:0px;
	background:#ffffff url("./images/parts/header_menu_consumer.png") top left no-repeat;
}
a.header_menu_consumer:hover{
	background:#ffffff url("./images/parts/header_menu_consumer.png") bottom left no-repeat;
}

a.header_menu_portable{
	display: block;
	width:149px;
	height:22px;
	margin:0px;
	padding:0px;
	background:#ffffff url("./images/parts/header_menu_portable.png") top left no-repeat;
}
a.header_menu_portable:hover{
	background:#ffffff url("./images/parts/header_menu_portable.png") bottom left no-repeat;
}

a.header_menu_mobile{
	display: block;
	width:149px;
	height:22px;
	margin:0px;
	padding:0px;
	background:#ffffff url("./images/parts/header_menu_mobile.png") top left no-repeat;
}
a.header_menu_mobile:hover{
	background:#ffffff url("./images/parts/header_menu_mobile.png") bottom left no-repeat;
}

a.header_button_home{
	display: block;
	position:absolute;
	float:left;
	width:64px;
	height:22px;
	margin:0px;
	padding:0px;
	background:#f0f0f0 url("./images/parts/header_button_home.png") top left no-repeat;
}
a.header_button_home:hover{
	background:#f0f0f0 url("./images/parts/header_button_home.png") bottom left no-repeat;
}

a.header_button_sitemap{
	display: block;
	position:absolute;
	float:left;
	width:64px;
	height:22px;
	margin:0px;
	margin-left:68px;
	padding:0px;
	background:#f0f0f0 url("./images/parts/header_button_sitemap.png") top left no-repeat;
}
a.header_button_sitemap:hover{
	background:#f0f0f0 url("./images/parts/header_button_sitemap.png") bottom left no-repeat;
}

a.header_button_mail{
	display: block;
	position:absolute;
	float:left;
	width:64px;
	height:22px;
	margin:0px;
	margin-left:136px;
	padding:0px;
	background:#f0f0f0 url("./images/parts/header_button_mail.png") top left no-repeat;
}
a.header_button_mail:hover{
	background:#f0f0f0 url("./images/parts/header_button_mail.png") bottom left no-repeat;
}


a.header_menu_com{
	display: block;
	width:159px;
	height:19px;
	margin:1px;
	padding:0px;
	background:#ffffff url("./images/parts/header_menu_com.png") top left no-repeat;
	text-decoration: none;
}
a.header_menu_com:hover{
	background:#ffffff url("./images/parts/header_menu_com.png") bottom left no-repeat;
	text-decoration: none;
}

a.header_menu_press{
	display: block;
	width:159px;
	height:19px;
	margin:1px;
	padding:0px;
	background:#ffffff url("./images/parts/header_menu_press.png") top left no-repeat;
	text-decoration: none;
}
a.header_menu_press:hover{
	background:#ffffff url("./images/parts/header_menu_press.png") bottom left no-repeat;
	text-decoration: none;
}

a.header_menu_links{
	display: block;
	width:159px;
	height:19px;
	margin:1px;
	padding:0px;
	background:#ffffff url("./images/parts/header_menu_links.png") top left no-repeat;
	text-decoration: none;
}
a.header_menu_links:hover{
	background:#ffffff url("./images/parts/header_menu_links.png") bottom left no-repeat;
	text-decoration: none;
}

a.header_menu_rec{
	display: block;
	width:159px;
	height:19px;
	margin:1px;
	padding:0px;
	background:#ffffff url("./images/parts/header_menu_rec.png") top left no-repeat;
	text-decoration: none;
}
a.header_menu_rec:hover{
	background:#ffffff url("./images/parts/header_menu_rec.png") bottom left no-repeat;
	text-decoration: none;
}

a.header_menu_cont{
	display: block;
	width:159px;
	height:19px;
	margin:1px;
	padding:0px;
	background:#ffffff url("./images/parts/header_menu_cont.png") top left no-repeat;
	text-decoration: none;
}
a.header_menu_cont:hover{
	background:#ffffff url("./images/parts/header_menu_cont.png") bottom left no-repeat;
	text-decoration: none;
}