body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
body {
    /*yahoo UI:http://developer.yahoo.com/yui/fonts*/
    font:13px/1.22 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','Century Gothic', Arial, verdana, sans-serif;
    *font-size:small;
    *font:x-small;
    line-height: 1.4;
    text-align: center;
    color: #333;
    min-height: 100%;
/*	background: #fff url('/images/common/bg.gif') repeat-y 50% 0;*/
}
/*html:\66irst-child body {
	font-size:12px; safari only \
}*/
a {
    outline:none;
}
a:link {
    text-decoration:none;
    color:#06c;
}
a:visited {
    text-decoration:none;
    color:#69c;
}
a:hover {
    text-decoration:underline;
}
a:active {
    text-decoration:none;
}
a img,:link img,:visited img {
    border:none;
}
/* delate dot boader of link for New Mozilla \*/
a {
    overflow:hidden;
}
img,abbr,acronym {
    border:0;
}
table {
    font-size:inherit;
    font:100%;
    border-collapse: separate;
    border-spacing: 0;
}
ul,ol {
    list-style-type:none;
}
th,caption {
    text-align:left;
}
input,select,textarea{
    font:100% arial,helvetica,clean,sans-serif;
}
select option {
    padding : 0 0.5em;
}
form label{
    cursor : pointer;
}
input:focus,select:focus,textarea:focus{
    background-color: #f4f4f4;
    border: 2px solid #ccc;
}
pre,code,kbd,samp,tt {
    font-family:monospace;
    *font-size:108%;
    line-height:99%;
}
q:before,q:after {
    content:'';
}
hr {
    border:0;
    height:1px;
    background-color:#000000;
    color:#000000;
}
address {
    font-style:normal;
}
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
/* font-style:normal; */
/* font-weight:normal; */
}

/*<div class="cboth"><hr /></div>*/
.cboth {
    clear:both;
    height:0;}
*html .cboth {
    height:.1em;
    overflow:hidden;
    margin-top:-.1em;
}
.cboth hr {
    visibility:hidden;
    border:0;
}
/*float clear*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
*html .clearfix {
    height: 1%;
}
.clearfix {
    display:block;
}

/*↑初期化*/




/*共通*/

.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}


/*ヘッダー*/

.header {
    position: relative;
    z-index: 100;
}
/*メニュー*/
.navi-wrap {
	padding: 60px 0 0 210px;
	width: 750px;
	font-size: 93%;
}

/* Basic code - don't modify */
#nav, #nav2 { display: block; position: relative; }
#nav li, #nav2 li { display: block; list-style: none; float: left; position: relative; }
#nav a, #nav2 a { display: block; }
#nav ul, #nav2 ul { display: none; position: absolute; left: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
* html #nav2 ul { line-height: 0; } /* IE6 "fix" */
#nav ul a, #nav2 ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li, #nav2 ul li { float: none; }
#nav ul ul, #nav2 ul ul { top: 0; }

/* Essentials - configure this */

#nav ul { min-width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */

#nav {
	background: url(/images/common/bg_menu01.gif) repeat-x 0 0;
	height: 28px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
#nav *:hover { text-decoration:none; }
#nav li { background: url(/images/common/menu_line01.gif) no-repeat 100% 50%; padding: 2px 4px 0 3px; line-height: 26px; }
#nav a { color: #000; padding: 0 12px; white-space: nowrap; }
#nav ul { top: 28px; left: 3px; }
#nav ul li { padding: 0; background: none; }
#nav li.hover a { background-color: #000; color: #fff; }
#nav ul li a { background-color: #f2efea; border-bottom: 1px solid #ccc; border-top: 1px solid #ddd; font-size: 93%; }
#nav li.hover ul li a { background-color: #f2efea; border-bottom: 1px solid #ccc; border-top: 1px solid #ddd; color: #000; }
#nav li.hover ul li a:hover { background-color: #555; color: #fff; }
#nav ul a { border-right: none; }
* html #nav ul li  { margin-bottom: -3px; width: 220px; } /* IE6ハック */
*:first-child+html #nav ul { width: 220px; }/*IE7ハック */

#nav a.now { background-color: #000; color: #fff; }


/* nav2 Essentials - configure this */

#nav2 ul { width: 170px; }
#nav2 ul ul { width: 170px }

/* Everything else is theming */

#nav2 {
	position: absolute;
	top: 60px;
	right: 5px;
	font-size: 93%;
	text-align: right;
}
#nav2 *:hover { text-decoration:none; }
#nav2 li { background: url(/images/common/icon_menuopen.gif) no-repeat 100% 50%; padding: 2px 12px 0 3px; line-height: 26px; width: 105px; text-align: right; }
#nav2 a { color: #000; padding: 0 3px; white-space: nowrap; }
#nav2 ul { top: 28px; left: -45px; text-align: right; }
#nav2 ul li { padding: 0; background: none; width: 170px; }
#nav2 ul li a { background-color: #f2efea; border-bottom: 1px solid #ccc; border-top: 1px solid #ddd; }
#nav2 li.hover ul li a { background-color: #f2efea; border-bottom: 1px solid #ccc; border-top: 1px solid #ddd; color: #000; }
#nav2 li.hover ul li a:hover { background-color: #555; color: #fff; }
#nav2 ul a { border-right: none; }
*:first-child+html #nav2 ul {  }/*IE7ハック */



.topicpath {
	background: #999 url(/images/common/bg_menu02.gif) repeat-x 0 0;
}
.topicpath p {
	padding: 5px 0 3px 25px;
	color: #ccc;
	background: url(/images/common/topi_line01.gif) no-repeat 10px 3px;
	font-size: 85%;
	line-height: 1;
}
.topicpath a {
	color: #eee;
}




/*ヘッダー 製品*/
p.logo, h1.logo {
	position: absolute;
	top: 36px;
}

p.logo-s {
	position: absolute;
	top: 10px;
}

.header-button {
	position: absolute;
	top: 15px;
	right: 0;
}
.header-button li {
	float: left;
	margin: 0 0 0 10px;
}

.header-banner {
	position: absolute;
	top: 0;
	right: 0;
}

/* ヘッダー　その他 */

.header-other {
	padding: 22px 0 7px 0;
}



a.logout {
	position: absolute;
	border: 1px solid #ccc;
	padding: 0 2px;
	font-size: 77%;
	height: 16px;
	line-height: 16px;
	background-color: #999;
	color: #fff;
	top: 37px;
	left: 217px;
/*	left: 427px;*/
}
.login-name {
	position: absolute;
	top: 11px;
	left: 217px;
	font-size: 85%;
}
a.login-acc01 {
	position: absolute;
	top: 37px;
	left: 217px;
	background: #999 url(/images/common/head_acc_bt01.gif) no-repeat 0 0;
	display: block;
	height: 16px;
	width: 100px;
	line-height: 16px;
	text-align: center;
	font-size: 77%;
	color: #fff;
}


a.new-login-button01, a.new-login-button02, a.new-login-button03 {
	position: absolute;
	top: 37px;
	display: block;
	height: 17px;
	width: 100px;
	text-indent: -999em;
}
a.new-login-button01 {
	left: 217px;
	background: url(/images/common/button_account_01.gif) no-repeat 0 0;
}
a.new-login-button02 {
	left: 322px;
	background: url(/images/common/button_account_02.gif) no-repeat 0 0;
}
a.new-login-button03 {
	left: 322px;
	background: url(/images/common/button_account_04.gif) no-repeat 0 0;
}
a.new-login-button01:hover { background: url(/images/common/button_account_01.gif) no-repeat 0 -17px; }
a.new-login-button02:hover { background: url(/images/common/button_account_02.gif) no-repeat 0 -17px; }
a.new-login-button03:hover { background: url(/images/common/button_account_04.gif) no-repeat 0 -17px; }
a.new-logout-button {
	position: absolute;
	line-height: 17px;
	width: 59px;
	top: 37px;
	left: 427px;
	text-indent: -999em;
	background: url(/images/common/button_account_03.gif) no-repeat 0 0;
}
a.new-logout-button:hover { background: url(/images/common/button_account_03.gif) no-repeat 0 -17px; }

/*
.banner-b-box {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: url(/images/common/line01.gif) no-repeat 0 0;
	text-align: center;
}*/


/******************* レイアウト ********************/

.contents-wrap {
	padding: 0 0 50px 0;
}

.left-wrap {
	float: left;
	width: 720px;
}

.right-wrap {
	float: right;
	width: 240px;
	padding: 10px 0 0 0;
}
.right-bg-wrap {
	background-color: #f2efea;
	padding: 5px 5px 20px 5px;
}


/******************* タイトル ********************/

.pro-title01, .info-title01, .pg-title01 {
	border-bottom: 2px solid #000;
	padding: 2px 0 0 25px;
	font-size: 116%;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	background: url(/images/common/icon_title_blue.gif) no-repeat 0 50%;
	width: 665px;
}
.info-title01 { background: url(/images/common/icon_title_red.gif) no-repeat 0 50%; }
.pg-title01 { background: url(/images/common/icon_title_orange.gif) no-repeat 0 50%; }


.pro-title02, .pg-title02 {
	font-size: 116%;
	color: #00a7f3;
	margin: 10px 0 0 0;
	font-weight: normal;
}
.pg-title02 { color: #f60; }

.pro-title03 {
	background: url(/images/common/icon_square01.gif) no-repeat 0 50%;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	font-size: 100%;
}

.title01 {
	font-weight: bold;
	margin: 10px 0 0 0;
	font-size: 93%;
	color: #666;
}

.title02 {
	background-color: #f2efea;
	margin: 20px 0 0 0;
	font-size: 93%;
	padding: 3px 10px;
}


.title03 {
	font-weight: normal;
	font-size: 93%;
}


.title240 {
	width: 215px;
}
.title960 {
	width: 935px;
}

.r-title-pro {
	background: url(/images/common/title_menu_blue.gif) no-repeat 0 2px;
	padding: 2px 2px 2px 12px;
}
.r-title-pg {
	background: url(/images/common/title_menu_orange.gif) no-repeat 0 2px;
	padding: 2px 2px 2px 12px;
}


/******************* 右側 ********************/

.right-box01 {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px 0;
}

.right-box03 {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: url(/images/common/line01.gif) no-repeat 50% 0;
}

.right-news dl {
	margin: 0 10px 5px 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #ccc;
}
.right-news dt {
	font-weight: bold;
	font-size: 85%;
	padding: 0 0 0 0;
	color: #999;
	line-height: 1.1;
}
.right-news dd {
	padding: 0 0 0 0;
	font-size: 93%;
	line-height: 1.3;
}

.right-menu01 {
	border-top: 1px solid #ccc;
}
.right-menu01 li a {
	border: 1px solid #ccc;
	border-top: none;
	display: block;
	background: #fff url(/images/common/icon_arrow02.gif) no-repeat 5px 50%;
	padding: 5px 5px 5px 12px;
	font-size: 93%;
}
.right-menu01 li.now {
	border: 1px solid #ccc;
	border-top: none;
	display: block;
	background: #eee url(/images/common/icon_arrow02.gif) no-repeat 5px 50%;
	padding: 5px 5px 5px 12px;
	font-size: 93%;
}
.right-menu01 li a:hover {
	background: #eee url(/images/common/icon_arrow02.gif) no-repeat 5px 50%;
    text-decoration:none;
}

.right-menu02 {
	border: 1px solid #ccc;
	background-color: #fff;
}
.right-menu02 dt {
	display: block;
	background: #fff url(/images/common/icon_arrow02.gif) no-repeat 5px 50%;
	padding: 5px 5px 5px 12px;
	font-size: 93%;
	border-bottom: 1px dashed #eee;
}
.right-menu02 dd a {
	display: block;
	background: #fff url(/images/common/icon_arrow02.gif) no-repeat 10px 50%;
	padding: 5px 5px 5px 20px;
	font-size: 93%;
}
.right-menu02 dd a:hover {
	background: #eee url(/images/common/icon_arrow02.gif) no-repeat 10px 50%;
    text-decoration:none;
}


/* 共通サイド */

.side-common-menu {
	margin: 20px 0 0 0;
	text-align: right;
}
.side-common-menu li, .side-common-menu-prof li {
	font-size: 85%;
	margin: 0 0 3px 0;
}
.side-common-menu li a, .side-common-menu-prof li a {
	color: #999;
    text-decoration:underline;
}
.side-common-menu li a:hover, .side-common-menu-prof li a:hover {
    text-decoration: none;
}



h3.right-menu-03-h3-now {
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 93%;
	font-weight: normal;
	border-bottom: none;
	background-color: #fff;
}
h3.right-menu-03-h3 {
	font-size: 93%;
	font-weight: normal;
}
h3.right-menu-03-h3 a {
	border: 1px solid #ccc;
	border-bottom: none;
	display: block;
	padding: 5px;
	background: #fff;
}

.right-menu-03-now {
	border: 1px solid #ccc;
	border-top: 1px dashed #ccc;
	padding: 5px 0 5px 0;
	background-color: #fff;
	margin: 0;
}
.right-menu-03-now li a, .right-menu-03 li a {
	display: block;
	background: #fff url(/images/common/icon_arrow02.gif) no-repeat 10px 50%;
	padding: 0 0 5px 20px;
	font-size: 93%;
	margin: 0 0 0 0;
}
dl.right-menu-03 {
	border: 1px solid #ccc;
	border-top: 1px dashed #ccc;
	margin: 0 0 5px 0;
}
dl.right-menu-03 dt {
	text-align: right;
	font-size: 85%;
	padding: 2px 5px;
	margin: 0;
}
dl.right-menu-03 dd {
	background-color: #fff;
	padding: 5px 0;
}




/******************* テーブル ********************/

.table00 {/*横基本*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table00 th {
	background-color: #f2efea;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px 10px;
}
.table00 td {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px 10px;
}


/*横ニュース*/
.table01 {
    border-collapse: separate;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    border-spacing: 0;
}
.table01 th {
	font-weight: normal;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #f4f4f4;
	padding: 3px 5px;
	font-size: 77%;
	width: 60px;

}
.table01 td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 3px 5px;
	font-size: 85%;
	background-color: #fff;
}


/*ライセンス*/
.table03 {
	margin: 10px 0 0 0;
	border: 1px solid #ccc;
}
.table03 th {
	border: 1px solid #ccc;
	line-height: 1.3;
	background-color: #fff;
	padding: 5px 10px;
	font-size: 93%
}
.table03 td {
	border: 1px solid #ccc;
	padding: 5px 10px;
	background-color: #fff;
	font-size: 93%
}
.table03 td span {
	padding: 0 3px 0 10px;
}


.table04 {
	margin: 10px 0 0 10px;
	border: 1px solid #ccc;
}
.table04 th {
	border: 1px solid #ccc;
	line-height: 1.3;
	background-color: #fff;
	padding: 5px 15px;
	background-color: #f2efea;
}
.table04 td {
	border: 1px solid #ccc;
	padding: 5px 15px;
	background-color: #fff;
}

/*購入*/

.table05 {
	margin: 30px 0 0 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 500px
}
.table05 th {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height: 1.3;
	background-color: #fff;
	padding: 10px 15px;
	background-color: #f2efea;
	width: 120px;
}
.table05 td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 15px;
	background-color: #fff;
	font-size: 116%;
}


.schedule-wrap01 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.schedule-wrap01 table {
	width: 100%;
}
.schedule-wrap01 th {
	font-weight: normal;
	width: 10%;
	white-space: nowrap;
	padding: 5px 20px 5px 0;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}
.schedule-wrap01 td {
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
	padding: 5px 10px 5px 0;
}
.schedule-wrap01 td li {
	padding: 0 0 0 12px;
	background: url(/images/common/icon_circle01.png) no-repeat 0 5px;
}



/******************* リンク ********************/

.a-pro-arrow {
	background: url(/images/common/icon_arrow_blue.gif) no-repeat 0 50%;
	padding: 0 0 0 13px;
	font-size: 93%;
}
a.a-com-arrow {
	background: url(/images/common/icon_arrow_orange.gif) no-repeat 0 50%;
	padding: 0 0 0 13px;
	font-size: 93%;
}

.link-pagetop {
	margin: 15px 0 0 0;
	text-align: right;
}
.link-pagetop a {
	background: url(/images/common/icon_pagetop.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
	font-size: 85%;
}
.link-right {
	margin: 15px 0 0 0;
	text-align: right;
}
.link-blank {
	background: url(/images/common/icon_blank.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
	font-size: 93%;
	line-height: 1;
}


/******************* 段落 ********************/

.parag-box01 {
	margin: 10px 0 0 0;
}
.parag-box02 {
	margin: 10px 0 0 15px;
}
.parag-box03 {
	margin: 10px 0 0 0;
}


.parag-box {
/*	background: url(/images/common/bg_parag.gif) repeat-x 0 100%;*/
	width: 665px;
	margin: 10px 0 0 0;
	padding: 0 0 15px 25px;
}

.parag-box-line01 {
	border: 1px solid #ccc;
	padding: 10px 10px 0 10px;
}

.parag-box-bg01, .parag-box-bg02 {
	background-color: #f2efea;
	padding: 10px 10px 5px 10px;
}

.img-left {
	float: left;
	margin: 0 25px 15px 0;
}
.img-right {
	float: right;
	margin: 0 0 15px 25px;
}
.img-bottom {
	float: left;
	margin: 15px 0 0 0;
}

.parag-box01 p, .parag-box-line01 p, .parag-box-bg02 p {
	padding: 0 0 10px 0;
/*	font-size: 93%;*/
	text-indent: 1em;
}

.parag-box02 p {
	padding: 0 0 5px 0;
	text-indent: 1em;
}

.parag-box03 p {
	padding: 0 0 10px 0;
	text-indent: 1em;
}


/******************* リスト ********************/

.ul01 {
	border: 1px solid #ccc;
	border-top: none;
	background-color: #fff;
	margin: 0;
	padding: 10px 5px 5px 5px;

}
.ul01 li {
	font-size: 85%;
	margin: 0 0 10px 0;
	padding: 0 0 0 11px;
	line-height: 1.3;
	background: url(/images/common/icon_kome.gif) no-repeat 0 3px;
	color: #666;
}

.ul02 li {
	float: left;
	font-size: 93%;
	margin: 0 20px 0 0;
	padding: 0 0 0 10px;
	background: url(/images/common/icon_circle01.png) no-repeat 0 50%;
}

.ul03 li {
	font-size: 93%;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(/images/common/icon_circle01.png) no-repeat 0 50%;
}

.ul04 li {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	background: url(/images/common/icon_circle01.png) no-repeat 0 5px;
}

.ol01 li {
	margin: 0 0 10px 30px;
	list-style-type: decimal;
}



.dl01 {
	margin: 0 0 0 15px;
	border: 1px solid #ccc;
	font-size: 93%;
}
.dl01 dt {
	padding: 5px 5px 5px 17px;
	background: url(/images/common/icon_circle01.png) no-repeat 5px 50%;
}
.dl01 dd {
	padding: 5px 5px 5px 17px;
	border-top: 1px dotted #999;
	background-color: #f2efea;
}


/******************* フォーム ********************/


.form-wrap {}

.form-wrap input, .form-wrap select {
	font-size: 108%;
	padding: 0;
}

.form-wrap input {
	padding: 2px;
}

.form-wrap p.note {
	background: url(/images/common/icon_attention.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	color: #f00;
	font-size: 85%;
	margin: 5px 0 0 0;
	line-height: 1;
}
.form-wrap p.note {
	background: url(/images/common/icon_attention.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	color: #f00;
	font-size: 85%;
	margin: 5px 0 0 0;
	line-height: 1;
}

.form-note {
	margin: 0 0 5px 0;
	color: #000;
	font-size: 85%;
	line-height: 1.2;
}

.form-button01 {
	margin: 30px 0 0 0;
}
.form-button01 input {
	font-size: 108%;
	padding: 3px 5px;
}



/******************* 注意とか ********************/

.attention {
	background: url(/images/common/icon_attention.png) no-repeat 0 0;
	padding: 1px 0 0 15px;
	color: #f00;
	font-size: 85%;
	line-height: 1.1;
}

.ul-attention li {
	background: url(/images/common/icon_attention.png) no-repeat 0 0;
	padding: 1px 0 0 15px;
	color: #f00;
	font-size: 85%;
	line-height: 1.1;
	margin: 0 0 5px 0;
}

.form-attention {
	color: #888;
	font-size: 85%;
	line-height: 1.2;
}

a.common-button01 {
	dispaly: block;
	width: 112px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 93%;
	background: #fff url(/images/common/button01.gif) no-repeat 0 0;
}
a.common-button01:hover {
	background: #fff url(/images/common/button01.gif) no-repeat 0 -20px;
	text-decoration: none;
}