@charset "shift_jis";

/* html element
------------------------------------*/

/*\*/* html body{
	margin:0;
	font-size:x-small;
}
/**/

body{
	margin:0;
	font-size:small;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo", "MS PGothic",sans-serif;	
/* 	background:url(/office7/common/img/bg.gif) #DAF2F2 repeat-y left; */
/* 	background:#DAF2F2; */
	background:#EFEFEF;
	text-align:center;
}



/*\*/
* html h1,
* html h2,
* html h3,
* html h4,
* html h5,
* html h6,
* html p,
* html ul,
* html li,
* html dd,
* html dt,
* html dl,
* html td,
* html th{
	margin:0;
	padding:0;
}
/**/

h1,h4,h5,h6,p,ul,ol,li,dd,dt,dl{
	margin:0;
	padding:0;
	font-weight:normal;
}

table{border-collapse:collapse;}
p,dt,dd,li{
	list-style:none;
	line-height:1.5;
}
td,th{
	font-size:small;
	font-weight:normal;
	line-height:1.5;
}

/*\*/* html td, * html th { font-size:x-small;}/**/

hr{display:none}

img{border:0;}

a{color:#003399; overflow:hidden;}
a:visited{color:/*#003399*/;}
a:hover{color:#00DEFF; overflow:hidden;}
a:active{color:#00DEFF; overflow:hidden;}


/* wrapper
------------------------------------*/

/*\*/
* html .wrapper {height:100px;}	
/**/

.wrapper {
	width:760px;
	height:100%;
	background:#FFFFFF;
/*	margin:0 0 0 7px; */
	margin:0 auto;
	text-align:left;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}


/*------------------------------------
 header
------------------------------------*/

/*\*/ * html .header { height:50px; font-size:xx-small; }/**/

.header	{ 
	width:760px;
	min-height:50px;
	padding:10px 0 0 0;
	font-size:x-small;
}

/*  header detail */

/*\*/ * html .headerL {margin:0 0 5px 5px;}/**/

.headerL {
	width:300px;
	float:left;
	margin:0 0 5px 12px;
	line-height:1;
}

/*\*/ * html .headerL h1 {font-size:xx-small;} /**/
.headerL h1 {font-size:x-small; color:#003399; }

.headerL img { margin:0 10px 0 0;}

.headerR {
	float:right;
	width:430px;
	margin:0 5px 5px 5px;
}

.headerR p,
.search {text-align:right;}

/* gcs was hid in 2016/04 */ 
.search { display:none; }
 
.headerR a { text-decoration:none; color:#324D99; }
.headerR a:hover { text-decoration:underline; color:#324D99; }

.headerR .search { margin:10px 0 0 0;}

.headerR form input {
	vertical-align:middle;
	text-align:right;
	margin:0 0 0 2px; 
	padding:0;
	text-align:left;
}

.headerR form {	margin:0;}



/* main
------------------------------------*/

*:first-child+html .main {margin-top:15px;}
*:first-child+html body.home .main {margin-top:0;}

.main {
	width:710px;
	min-height:100px;
	padding:10px 25px 0 25px;
	background:#FFFFFF;
	clear:both;
	display:inline-block;
}

* html .main {margin-top:0px;}
	
body.home .main {�@width:710px;	padding:10px 25px 0px 25px; }
body.manu .main {�@width:710px;	padding:15px 20px 0 20px }
body.news .main {�@width:740px;	padding:0 10px; }


* html .home .main { width:710px; padding:0; margin: 10px 25px 0 25px;} 
* html .news .main { width:750px; padding:0 0 0 10px; } 

/*\*/
* html .main { height:100px; width:750px; margin-top:0; padding:25px 25px 0 25px;}
* html .manu .main { width:740px; padding:15px 0 0 25px;}
* html .home .main { width:710px; margin:15px 20px 0 !important;}	
* html body.news .main { width:750px; margin-top:0 0 0 auto;}
/**/




/* footer
------------------------------------*/

* html .footer { height:70px;}

/*\*/
* html .footer{height:65px;width:740px;	padding:5px 5px 0px 5px;}
/**/

.footer {
	width:720px;
	min-heignt:10px;
	margin:0 0 0 10px;
	padding:5px 5px 0px 5px;
	border-top: 1px solid #CCCCCC;
	display:inline-block;
}

/*\*/
.footer {
	width:732px;
	height:50px;
	padding:5px 5px 10px 5px;
	display:block;
}/**/

.footer a {text-decoration:none; color:#324D99;}
.footer a:visited{color:#324D99;}
.footer a:hover{color:#00DEFF; overflow:hidden;}
.footer a:active{color:#00DEFF; overflow:hidden;}

/* footer detail */

* html .footerT { width:710px; height:100px; }

.footerT {
	width:710px;
	min-height:10px;
	margin:10px 0 ;
	padding:0 0 10px 0;
	background:#EBEBEB;	
}

.footerT p {
	width:710px;
	height:42px;
	text-indent:-9999px;
	background:url(/office7/common/img/kantan.gif) no-repeat top left;
	}

/* navi
------------------------------------*/

* html div.navi { clear:both;}	

div.navi{ 
	width:760px; 
	background:#EBF6FD;
	display:inline-block;
	border-top : solid 1px #D7E1E7;
}

/*\*/ * html .navi p { margin: 0 0 0 60px;} /**/

.navi p {
	width:100px;
	height:23px;
	display:block;
	float: left;
	text-indent:-9999px;
	margin:0 0 0 112px;
	background:url(/office7/common/img/navi.gif) no-repeat 0px 0px;
}


/* IE5 MAC */
* html .navi li { width:45px; height:23px;}
* html .navi li a { display:inline-block;}
/*\*/* html .navi li a { display:block;}/**/

.navi li {
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
}

.navi li a {	
	width:80px;
	height:23px;
	text-decoration:none;
	display:block;	
	background:url(/office7/common/img/navi.gif);	
}
	
.navi li#n01 a { background-position: -123px 0px; width:58px; }
.navi li#n02 a { background-position: -183px 0px; width:58px; }
.navi li#n03 a { background-position: -243px 0px; width:66px; }
.navi li#n04 a { background-position: -311px 0px; width:77px; }
.navi li#n05 a { background-position: -390px 0px; width:77px; }
.navi li#n06 a { background-position: -469px 0px; width:68px; }
.navi li#n07 a { background-position: -539px 0px; width:122px; }

.navi li#n01 a:hover,.navi li#n01 strong a { background-position: -123px -23px;}
.navi li#n02 a:hover,.navi li#n02 strong a { background-position: -183px -23px; }
.navi li#n03 a:hover,.navi li#n03 strong a { background-position: -243px -23px; }
.navi li#n04 a:hover,.navi li#n04 strong a { background-position: -311px -23px; }
.navi li#n05 a:hover,.navi li#n05 strong a { background-position: -390px -23px; }
.navi li#n06 a:hover,.navi li#n06 strong a { background-position: -469px -23px; }
.navi li#n07 a:hover,.navi li#n07 strong a { background-position: -539px -23px; }


/*------------------------------------
 menu
------------------------------------*/	

.menu {
	width:755px;
	margin:5px 3px 5px 3px;
	padding:0;
	display:inline-block;
}

/* IE5 MAC */
* html .menu li { width:94px; height:36px;}
* html .menu li a { display:inline-block;}
/*\*/* html .menu li a { display:block;}/**/

.menu li {
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
}

.menu li a {	
	width:107px;
	height:36px;
	text-decoration:none;
	display:block;	
	background:url(/office7/common/img/of7_menu.gif);	
}
	
.menu li#m01 a { width:110px; background-position: 0px 0px;}
.menu li#m02 a { background-position: -110px 0px; }
.menu li#m03 a { background-position: -217px 0px; }
.menu li#m04 a { background-position: -324px 0px; }
.menu li#m05 a { background-position: -431px 0px; }
.menu li#m06 a { background-position: -538px 0px; }
.menu li#m07 a { width:110px; background-position: -645px 0px; }

.menu li#m01 a:hover,.menu li#m01 strong a { width:110px; background-position: 0px -36px;}
.menu li#m02 a:hover,.menu li#m02 strong a { background-position: -110px -36px; }
.menu li#m03 a:hover,.menu li#m03 strong a { background-position: -217px -36px; }
.menu li#m04 a:hover,.menu li#m04 strong a { background-position: -324px -36px; }
.menu li#m05 a:hover,.menu li#m05 strong a { background-position: -431px -36px; }
.menu li#m06 a:hover,.menu li#m06 strong a { background-position: -538px -36px; }
.menu li#m07 a:hover,.menu li#m07 strong a{ background-position: -645px -36px; }

/* submenu 
---------------------------------------------------------------*/

.submenu {
	width:760px;
	min-height:54px;
	border-top:2px solid #ABD2F7;
	border-bottom:2px solid #ABD2F7;
	display:inline-block;	
}

body.product .submenu {background:url(/office7/product/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.solution .submenu {background:url(/office7/product/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.option .submenu {background:url(/office7/option/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.cases .submenu {background:url(/office7/cases/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.hint .submenu {background:url(/office7/cases/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.books .submenu {background:url(/office7/product/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.download .submenu {background:url(/office7/download/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.price .submenu {background:url(/office7/price/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.manu .submenu {background:url(/office7/manual/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.support .submenu {background:url(/office7/support/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.trial .submenu {background:url(/office7/trial/img/submenu.gif) #ABD2F7 no-repeat top left; }
body.consulting .submenu {background:url(/office7/consulting/img/submenu.gif) #ABD2F7 no-repeat top left; }

.submenu p { display:none;}

div.submenu table {
	border-collapse:collapse;
	width:566px; 
	min-height:54px;
	_height:54px;
	float:right;
	background:#ABD2F7;
}
	
.submenu td {
	border:1px solid #ABD2F7;
	width:120px;
	min-height:20px;
	_height:20px;
	font-size:x-small;
	_font-size:xx-small;	
}	

.submenu a {
	width:120px;
	_width:140px;
	min-height:20px;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 0 0 20px;
	display:block;
	overflow:visible;
	background:url(/office7/common/img/li_submenu.gif) no-repeat top left;
}

.submenu td.no {
	width:120px;
	height:20px;
}
	

.submenu .col2 a { width:260px;}

.submenu td {background:#185BC2}
.submenu td#this {background:#5184D2;}
.submenu td#this a { background:url(/office7/common/img/li_submenu_on.gif) no-repeat top left; color:#FFFFFF;}

.submenu a:visited{
	color:#FFFFFF;
}

.submenu a:hover{
	background:url(/office7/common/img/li_submenu_ov.gif) no-repeat top left;
	color:#FFFFFF;
}



/* path
---------------------------------------------------------------*/

.path {
	width:750px; 
	min-height:20px;
	_height:18px;
	display:block;
	background:#666666;
	padding:0 0 0 10px;
	float:left;
}
	
.path a,.path p { margin:4px 10px 3px 0; color:#FFFFFF;	text-decoration:none; }
.path p {font-size:x-small; }

.path a  {color:#FFFFFF;}
.path a:hover,.path a:active {color:#00DEFF;}


/* IE*/
/** html div.path { width:750px; margin:0; padding:0 10px 5px 10px; }*/
/** html div.path p { width:700px; }:/
/** html div.path a {color:#FFFFFF;}*/


/* Win IE*/
/*\*/
* html .path {width:760px; padding:2px 0 2px 10px;} 
* html .path p {font-size:xx-small;}
* html .path a,* html .path a:visited {color:#FFFFFF;}
/**/


/* footer
---------------------------------------------------------------*/

.footernavi {
	padding:3px 15px;
	margin:0;background:
	#FFFFFF;
	clear:both;
}

.footernavi a {
	color:#333333;
	text-decoration:none;
}	
.footernavi a:visited{color:#003399;}
.footernavi a:hover{color:#00DEFF; overflow:hidden;}
.footernavi a:active{color:#00DEFF; overflow:hidden;}

*:first-child+html .footer p {width:650px;}

* html .footer p { width:630px; font-size:xx-small; padding:3px 0 0 3px; }
* html .footer img {float:right; margin:-15px 0 0 0;}	

.footer p{ 
	width:600px;
	min-height:20px;
	float:left;
	font-size:x-small;
	padding:3px 0 0 3px; 
}

.footer img { float:right; width:104px; height:37px; margin:-20px 0 0 0;}



	

/* pageup
---------------------------------------------------------------*/

.pageup {
	clear:both;
	display:block;
	width:710px;
	height:21px;
	margin:15px 0;
	padding:0px;
}

.pageup img {
	width:102px;
	height:21px;
	display:block;
	margin:0;
	float:right;
}


/* capture
---------------------------------------------------------------*/

body.cap { background:#FFFFFF; text-align:center;}

.cap .headerL {width:auto; text-align:left; padding-bottom:5px;}

.cap .main {width:auto; padding:0; text-align: center;}

.cap h2 {
	width:100%;
	padding:5px 0;
	margin-bottom:20px;
	color:#FFFFFF;
	font-size:small;
	background:url(/office7/common/img/bg_h2_bar.gif) #2864C8 repeat-x top left;
	border-bottom:1px solid #303F8C;
}

.cap .main p { text-align:center; margin:15px auto;}

.cap .footer { width:auto; margin:0 auto;}
.cap .footer p { width:auto;}
.cap .footer img { width:137px; height:45px; margin:0; padding:0; }


body.news p.click02 {
	min-height:17px;
	_height:17px;
	margin:0 0 0 5px;
	padding: 4px 20px 10px 14px;
	color:#047391;
	background:url(/office7/product/img/see.gif) no-repeat top left;
	float: left;
	}



/* clear
---------------------------------------------------------------*/
.navi:after,
.menu:after,
.header:after,
.prolist:after,
ul.menupro:after,
.submenu:after,
.pageup:after,
.footerT:after,
.footerM:after,
.footer:after
{
    content:".";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}


/* notice
---------------------------------------------------------------*/
.proboxlong h3 { margin-bottom: 8px; font-size: small; }
* html .proboxlong h3 { font-size: x-small; }
.proboxlong h4 { border-bottom: 1px solid #DADADA; margin-left: 10px; padding: 0 5px 5px 5px; width: 694px; text-align: left; font-size: small; font-weight:bold;color:#028ADB;}
* html .proboxlong h4 { width: 704px; font-size: x-small; }

.proboxlong {width: 740px; background-image: url(/office7/common/img/top/box_of6_bg.gif); background-repeat: repeat-y; background-position: left top; margin-bottom: 10px; font-size: small; margin-top:-20px;margin-left:-15px;}
* html .proboxlong { font-size: x-small; }


/* notice (for toppage) */
.proboxlong2 {margin:0 0 0 25px;}
*:first-child+html .proboxlong2 {margin-top:25px; }
*html .proboxlong2 {margin-top:15px; }

.proboxlong3 {margin:35px 0 0 25px;}
*:first-child+html .proboxlong3 {margin-top:45px; }
*html .proboxlong3 {margin-top:25px; }

.proboxlong p {margin:10px 20px 0 20px;}

.proboxlong table {margin:10px 20px;}


/* important---------------------------------------------------------------*/

.frame-wrap{
	clear:both;
	width:710px;
	margin:15px 0 0 0;
}

.frame-box {
	border:1px solid #dddddd;
}

.frame-box dt {
	min-height: 16px;
	padding:4px 10px 5px 38px;
	border:2px solid #ffffff;
	border-bottom:none;
	background:#ffcc66 url(/common/images/com_ic19.gif) no-repeat 1px center;
}

/* for IE6 */
.frame-box dt {
	padding:6px 10px 5px 38px;
	background:#ffcc66 url(/common/images/com_ic19.gif) no-repeat 3px center;
	height: 1px;
}

.frame-box dd {
	padding:10px 15px;
	border:2px solid #ffffff;
	border-top:none;
	background-color:#fff9dd;
}

.blank {
	background:url(/common/images/com_ic20.gif) no-repeat 0 0.5em;
}

.blank a {
	padding:0 0 0 13px;
}