@charset "utf-8";

body {
	text-align: center;
}

* {
	margin:0px;
	padding:0px;
	color:#333333;
	font-size:12px;
	line-height:160%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a { color:#0099cc; text-decoration:none;}
a:hover {
	color:#0099cc;
	text-decoration:underline;
}
em,i {
	display: none;
	visibility: hidden;
}

img { border:none;}
li { list-style:none;}

/*------------共通------------*/

.tables_1 table{
    border-top :1px solid gainsboro;
	border-left:1px solid gainsboro;
	border-right:0px solid gainsboro;
	border-bottom:0px solid gainsboro;
	border-collapse:collapse;
}

.tables_1 th{
    border-bottom:1px solid gainsboro;
    background-position:left top;
	background-image:url(../images/common/main_headerimg06.jpg);
    padding:2px 2px 1px 6px;
    text-align:center;
    font-weight:normal;
    white-space:nowrap;
    empty-cells:show;
}

.tables_1 td{
	border-right:1px solid gainsboro;
    border-bottom:1px solid gainsboro;
    padding:2px 2px 2px 6px;
    empty-cells:show;
}




/*------------テキスト制御------------*/
.text_red { color:#CC0000;}
.text_gray1 { color:#999999;}
.text_blue1 { color:#012D6E;}
.text_white { color:#FFFFFF;}
.text_10 {
	font-size:10px;
}
.text_10_a {
	color:#0C5D9E;
	font-size:10px;
	line-height:90%;
}
.text_14_b {
	font-size:14px;
	font-weight:bold;
	line-height: 145%;
}
.text_L {
	font-size:100%;
	line-height: 100%;
}


.text_b {font-weight:bold;}
.text_center { text-align:center;}

/*------------margin/padding------------*/
.margin_top_0_3em { margin-top:0.3em;}
.margin_top_0_5em {margin-top:0.5em;}
.margin_top_0_7em { margin-top:0.7em;}
.margin_top_1em { margin-top:1em;}
.margin_top_1_5em { margin-top:1.5em;}
.margin_top_2em {margin-top:2em;}
.margin_top_3em {margin-top:3em;}
.margin_top_5em {margin-top:5em;}
.margin_left_30px {margin-left:30px;}
.padding_top_1em {padding-top:1em;}
.padding_top_2em {padding-top:2em;}
.padding_top_3em {padding:10px;}

/*------------※印の頭出し-----------*/
.kome_default dt { float:left; width:1em;}
.kome_default dd { margin-left:1.5em;}

/*------------ヘッダー/ヘッダーメニューボタン------------*/

#headernavi { background-image:url(../images/common/headertop.jpg); font-size:90%; padding:3px; padding-left:12px; height:17px; }
#headernavi h1 { font-size:90%; position: flow; color:#333333; color:#333333; }

#header_logo { float:left; }
#tagline { font-size:11px; color:#666666; padding:0px; margin:0px 60px 0px 0px; text-align:right; width:620px; white-space: pre; }

.headerbtn_1,.headerbtn_2,.headerbtn_3,.headerbtn_4,.headerbtn_5 { float:left; width:106px;}
.headerbtn_6 { float:left; width:106px;}
.headerbtn_1 a,.headerbtn_2 a,.headerbtn_3 a,.headerbtn_4 a,.headerbtn_5 a,.headerbtn_1 a:hover,.headerbtn_2 a:hover,.headerbtn_3 a:hover,.headerbtn_4 a:hover,.headerbtn_5 a:hover { width:106px;display:block; height:35px;}
.headerbtn_6 a,.headerbtn_6 a:hover { width:107px;display:block; height:35px;}
.headerbtn_1 a:hover { background-image:url(../images/common/header_home2.jpg); background-repeat:no-repeat; background-position:left top;}
.headerbtn_2 a:hover { background-image:url(../images/common/header_product2.jpg); background-repeat:no-repeat; background-position:left top;}
.headerbtn_3 a:hover { background-image:url(../images/common/header_example2.jpg); background-repeat:no-repeat; background-position:left top;}
.headerbtn_4 a:hover { background-image:url(../images/common/header_partner2.jpg); background-repeat:no-repeat; background-position:left top;}
.headerbtn_5 a:hover { background-image:url(../images/common/header_company2.jpg); background-repeat:no-repeat; background-position:left top;}
.headerbtn_6 a:hover { background-image:url(../images/common/header_formmail2.jpg); background-repeat:no-repeat; background-position:left top;}
.headerbtn_1 a:hover img,.headerbtn_2 a:hover img,.headerbtn_3 a:hover img,.headerbtn_4 a:hover img,.headerbtn_5 a:hover img,.headerbtn_6 a:hover img { display:none;visibility: hidden;}

/*------------フッター-----------*/
#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	text-align: right;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 902px;
	margin-right: auto;
	margin-left: auto;
}
#footer a,#footer a:hover {
	color:#235183;
	margin-right: 40px;
}
#footer img {
	position: relative;
	top: 0.3em;
}

/*------------トップページ-----------*/
.top_column1 {
	float: left;
	width: 445px;
	background-image: url(../images/common/topimg_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 25px;
}
.top_column1 h1 {
	padding-top: 1.5em;
	padding-left: 165px;
	padding-bottom: 1.5em;
	padding-right: 10px;
}
.top_main {
	margin-left:10px;
	margin-right:40px;
	clear: both;
}
.top_main_left1 {
	width: 413px;
	background-image: url(../images/common/topimg_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 20px;
	float: left;
}
.top_main_left1 p {
	color: #003366;
	padding-top: 38px;
	margin-right: 30px;
	margin-left: 28px;
	line-height: 150%;
}

.top_main_right1 { 
	float:right; 
	margin-left:10px;
	width::400px;
	height:225px; 
	border: 1px solid #cccccc;
	padding: 6px;
}

.top_block1 {
	border: 1px solid #cccccc;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.top_block1 table {
	background-image: url(../images/common/topcolumn1_backimg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e8e8e8;
	width: 344px;
}
.top_block1 h2,.top_block1 h3 {
	line-height:140%;
	margin-left: 7px;
	margin-right: 7px;
}
.top_block2 p {
	background-image:url(../images/common/line_01.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top: 0.7em;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0.4em;
}

/*------------Flash代替HTML------------*/
#flashcontent {float: right;width: 407px;
}

/*------------top_topics------------*/
#topics {
	float: left;
	width: 560px;
	border: 1px solid #cccccc;
	padding-bottom: 1.0em;
}
.topics_header {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
#topics dl {
	margin-right: 12px;
	margin-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(../images/common/line_01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-right: 5px;
	padding-left: 5px;
}
#topics dt {
	color:#009900;
	width:90px;
	float:left;
}
#topics dd {
	margin-left:100px;
}

/*------------全体-----------*/
#container {
	width:900px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d4d4d4;
	border-left-color: #d4d4d4;
}

/*------------メインブロック/メインブロックヘッダー-----------*/
#main_header01,#price_header,#example_header,#trial_header,#download_header,#company_header,#workflow_header01 
{
	height: 86px;
}
#main_header01 {
	background-image: url(../images/others/main_headerimg01.jpg);
	background-repeat: no-repeat;background-position: left top;
}
#price_header,#example_header {
	background-image: url(../images/others/main_headerimg01.jpg);
	background-repeat: no-repeat;background-position: left top;
	}
#workflow_header01 {
	background-image: url(../images/others/workflow_headerimg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:128px;
}
#trial_header,#download_header {
	background-image: url(../images/others/main_headerimg03.jpg);
	background-repeat: no-repeat;background-position: left top;
}
#company_header {
	background-image: url(../images/others/main_headerimg04.jpg);
	background-repeat: no-repeat;background-position:
	left top;
}
#main_header01 h1,#price_header h1,#example_header h1,#trial_header h1,#download_header h1,#company_header h1 ,#workflow_header01 h1 {
	font-size:18px;
	font-weight:bold;
	line-height:140%;
	padding-top: 16px;
	margin-left: 45px;
}
#main_header01 h1,#trial_header h1,#download_header h1,#company_header h1 {
	color:#FFFFFF;
}
#price_header h1,#example_header h1 {
	color:#111111;
}

/*------------main/column-----------*/
#main_column01 {
	border: 1px solid #c5c5c5;
	margin-top: 3px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

/*------------sidenav/外側-----------*/
#sidenav {
	width:210px;
	float:left;
	margin:0px 0px 0px 12px;
}
#sidenav_inner1,.sidenav_inner2 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c5c5c5;
	border-left-color: #c5c5c5;
}
#sidenav_inner1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
}
.sidenav_inner2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c5c5c5;
}

/*------------sidenav/バナーブロック-----------*/
.sidenav_inner2 {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#c5c5c5;
	margin-top:15px;
	padding: 1px;
}
.sidenav_inner2a {
	text-align:center;
	background-color: #f6f6f6;
	padding-top: 10px;
	padding-bottom: 15px;
}
.sidenav_inner2a li {
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	line-height: 130%;
}

.navlink_1 {
	background-image: url(../images/common/sidenav_backimg2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:33px;
}
.navlink_1 a,.navlink_1 a:hover,.navlink_1 span {
	padding-right: 15px;
	padding-left: 30px;
	display: block;
	padding-top: 0.63em;
	padding-bottom: 0.5em;
}
.navlink_1 a {
	color:#333333;
	background-image: url(../images/common/sidenav_pict1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c5c5c5;
}
.navlink_1 a:hover,.navlink_1 span {
	color:#B50F2B;
	background-image: url(../images/common/sidenav_pict1a.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/*------------sidenav/ツリー子-----------*/
.navlink_1a {
	background-image: url(../images/common/sidenav_backimg3.jpg);
	background-repeat:no-repeat;
}
.navlink_1a  li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c5c5c5;
	height:28px;
}
.navlink_1a li p  {
	list-style-position: outside;
	list-style-type: square;
	color: #0099cc;
	margin-top: 0.6em;
	margin-bottom: 0.3em;
	margin-right: 15px;
	margin-left: 30px;
}
.navlink_1a a,.navlink_1a a:hover {
	line-height:135%;
}

.interviewer_question {
    border-left:10px solid #FF8080;
	padding-left:5px;
	font-weight:bold;
	margin-top:6px;	
	margin-bottom:6px;	
}
	
.interviewer_comment {
	padding-left:3px;
	color:#666666;
	font-weight:bold;
	padding-bottom:15px;
}

.answer_name {
	padding-right:5px;
	font-weight:bold;
}

.answer_comment{
	padding-bottom:8px;
}

.interview_image{
	margin:10px 10px 0px 10px;
	clear:none;
}

.image_comment{
	margin:0px 10px 10px 10px;
}

.lastcomment_title{
    border-left:10px solid #804000;
	padding-left:5px;
	font-weight:bold;
	margin-top:6px;	
	margin-bottom:6px;
}

.lastcomment{
    background-color:#E9E9E9;
	padding:10px;	
}
	

/*------------回り込み制御------------*/
.space_01 {clear:both;}
.space_02 {clear:both;font-size:8px;}
.space_03 {clear:both;height:5em;}
.space_04 {clear:both;height:4em;}
.space_05 {clear:both;font-size:17px;}
.space_06 {clear:both;height:3em;}
.line_space_01 {clear:both;height:5em; background-image:url(../images/common/line_01.gif); background-repeat:repeat-x; background-position:center;}

/*------------その他ページの外枠------------*/
.inner_01 {
	margin-left:10px;
	margin-right:10px;
	clear: both;
	padding-top: 10px;
}

/*------------その他ページのメイン------------*/
#main_01 {
	width:660px;
	float:right;
}