/* CSS Document */
/* * { margin:0; padding:0;}*/
html{ font-family: arial;}
body{
	background:#ffffff;
	font-size:100%;
	line-height:1em;
	color:#444444;	
}
img{ border:0px none; margin:0; padding:0; vertical-align:top;}
/**********font size***************/
#header{font-size:0.8125em; line-height:1.69em;}

.content{font-size:0.6875em; line-height:1.63em;}
.content h1  {font-size:2em;}
.content h1.notjapanese {font-size:3em; margin: 0 0 0 0;}

#footer{font-size:0.625em; line-height:1.5em;}

#ad{padding-top: 0px; text-align: center;}
/********** end font size***************/

/**********stuff for framework**********/
.multiple_buttons form div, .multiple_buttons form{display: inline;}
.ans {
padding-left: 20px;
width: 200px;
}
.ans input {
margin-left: -20px;
}
.japanese {
	font-family: "MS Gothic";
	font-size: 14px;
}
.error, .notice {
	padding: 4px 4px 4px 4px;
	border: 1px dotted #555;
	font-size: .7em;
}
.error {
	background-color: #fcc;
	background-image: url(/images/batsu.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.notice {
	background-color: #cfc;
	background-image: url(/images/maru.png);
	background-repeat: no-repeat;
	background-position: top right;
}
/********** end trickery****************/

input, textarea, select{ 
	font-family:tahoma, arial;
	color:#444444; 
	border:1px solid #818181;
	vertical-align:top;
}
#form input{ width:198px; height:18px; font-size:1em;}
#form textarea{ width:209px; height:100px; font-size:1em; overflow:auto;}
.inp_h{ height:21px; margin:0 0 1px 0;}

/****************** GLOBAL ***********************************************/
.w100{ width:100%;}
.h100{ height:100%;}
.float{ float:left; margin:0 10px 0 0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
/********************* END GLOBAL ********************************************/

ul {list-style:none;}
li a { 
	background:url(/images/bull.gif) 0 5px no-repeat;
	padding:0 0 0 12px;
	line-height:1.82em;
	text-decoration:none;
}
li a:hover {text-decoration:underline;}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}

/***************links**************/
a{ color:#444444;}
a:hover{ text-decoration:none;}
.link{ text-transform:uppercase; font-style:italic;}
.link_1{ font-size:1.09em;}
/**************end links**************/

/***************txt***************/
#header h1, #header h2{ margin:0; padding:0;}
#header h2{ font-size:1.45em; line-height:1.06em; color:#3F3F3F; font-weight:bold;}
#header .txt{ text-transform:uppercase; font-weight:bold;}
#header .txt_1{ text-transform:uppercase; font-style:italic;}
/***************end txt***************/

.main {margin:0 auto;}

#header { color:#154E65; font-family:Arial, Helvetica, sans-serif; }
#header .height_header{ height:366px;}
#header .float { margin:0 7px 0 0;}
#header img { float: left;}
#header .login { float: right; width: 190px; margin: 10px 27px 0 0;}
.header_left{ background:url(/images/bg_header_left.jpg) 0 0 no-repeat;}
.header_right{ background:url(/images/bg_header_right.jpg) right top no-repeat; width:100%;}
#header .logo { height:140px;}
#header .indent {padding:0px 365px 0 62px;}
#header .right { margin:10px 8px 0 0;}
#header .menu_indent { margin:0 auto; width:770px;}
#header .menu {  margin:0 0 0 25px;}


/*******************box*********************************/
.box .right_top{ background:url(/images/right_top.gif) right top no-repeat;}
.box .left_bot{ background:url(/images/left_bot.gif) left bottom no-repeat;}
.box .right_bot{ background:url(/images/right_bot.gif) right bottom no-repeat; width:100%;}

.box .side_top{ background:url(/images/side_top.gif) left top repeat-x #FFFFE4;}
.box .side_right{ background:url(/images/side_right.gif) right top repeat-y;}
.box .side_bot{ background:url(/images/side_bot.gif) left bottom repeat-x;}
/***************************end box**************************/

/*******************box_1*********************************/
.box_1 .left_top{ background:url(/images/left_top_1.gif) left top no-repeat;}
.box_1 .right_top{ background:url(/images/right_top_1.gif) right top no-repeat;}
.box_1 .left_bot{ background:url(/images/left_bot_1.gif) left bottom no-repeat;}
.box_1 .right_bot{ background:url(/images/right_bot_1.gif) right bottom no-repeat; width:100%;}

.box_1 .side_left{ background:url(/images/side_left_1.gif) left top repeat-y #F8F8F8;}
.box_1 .side_right{ background:url(/images/side_right_1.gif) right top repeat-y;}
.box_1 .side_top{ background:url(/images/side_top_1.gif) left top repeat-x;}
.box_1 .side_bot{ background:url(/images/side_bot_1.gif) left bottom repeat-x;}
/***************************end box_1**************************/

/*******************box_2*********************************/
.box_2 { padding-top: 5px; padding-bottom: 5px; }
.box_2 .left_top{ background:url(/images/left_top_2.gif) left top no-repeat;}
.box_2 .right_top{ background:url(/images/right_top_2.gif) right top no-repeat;}
.box_2 .left_bot{ background:url(/images/left_bot_2.gif) left bottom no-repeat;}
.box_2 .right_bot{ background:url(/images/right_bot_2.gif) right bottom no-repeat; width:100%;}

.box_2 .side_left{ background:url(/images/side_left_2.gif) left top repeat-y #FFFFFF;}
.box_2 .side_right{ background:url(/images/side_right_2.gif) right top repeat-y;}
.box_2 .side_top{ background:url(/images/side_top_2.gif) left top repeat-x;}
.box_2 .side_bot{ background:url(/images/side_bot_2.gif) left bottom repeat-x;}
/***************************end box_2**************************/

/*******************box_3*********************************/
.box_3 .left_top{ background:url(/images/left_top_3.gif) left top no-repeat;}
.box_3 .right_top{ background:url(/images/right_top_3.gif) right top no-repeat;}
.box_3 .left_bot{ background:url(/images/left_bot_3.gif) left bottom no-repeat;}
.box_3 .right_bot{ background:url(/images/right_bot_3.gif) right bottom no-repeat; width:100%;}

.box_3 .side_left{ background:url(/images/side_left_3.gif) left top repeat-y #FBFBF9;}
.box_3 .side_right{ background:url(/images/side_right_3.gif) right top repeat-y;}
.box_3 .side_top{ background:url(/images/side_top_3.gif) left top repeat-x;}
.box_3 .side_bot{ background:url(/images/side_bot_3.gif) left bottom repeat-x;}
/***************************end box_2**************************/

.content .indent{padding:0 18px 28px 31px;}

.box .title { height:28px; padding:12px 0 0 20px}
.box .indent {padding:20px 20px 35px 25px}

.box_1 .title { height:28px; padding:23px 0 0 55px}
.box_1 .indent {padding:0 20px 21px 21px}

.box_2 .title { height:28px; padding:23px 0 0 21px}
.box_2 .indent {padding:5px 10px 15px 22px}
.bull{ background:url(/images/bull.gif) 0 5px no-repeat; padding:0 0 0 12px;}
.sep{ background:url(/images/sep.gif) 0 0 repeat-x;}
.sep_1{ background:url(/images/sep_1.gif) 0 0 repeat-x;}
.block .indent {padding:0 25px 0 30px}

/***************************page**************************/
#page .content .column_1 .bg_title{ /*background:url(/images/1_bg_title_1.gif) 0 0 no-repeat; */width:100%;}
#page .content .column_1 .block{padding:0 0 30px 0;}
#page .content .column_1 .block_1{padding:0 10px;}
#page .content .column_1 .box_2 .sep_1{ margin:0 0 0 0;}
/***************************end page**************************/

/***************************page_1**************************/
#page_1 .content .column_1 .bg_title{ background:url(/images/2_bg_title_1.jpg) 0 0 no-repeat; width:100%;}
#page_1 .content .column_1 .block{padding:0 0 20px 0;}
#page_1 .content .column_1 .block_1{padding:0 0 0 10px;}
#page_1 .content .column_1 .box_2 .sep_1{ margin:0 0 0 0;}
/***************************end page_1**************************/

/***************************page_2**************************/
#page_2 .content .column .block .indent {padding:0 25px 30px 20px}
#page_2 .content .column .block_2 { width:53%;}
#page_2 .content .column .block_2 .indent { padding:0 30px 0 0;}
#page_2 .content .column .block_3 { width:46%;}

#page_2 .content .column .block_1{padding:0 10px 0 0}
#page_2 .content .column .bg_title{ background:url(/images/2_bg_title_1.jpg) 0 0 no-repeat; width:100%;}
#page_2 .content .column .box_2 .sep_1{ margin:0 0 0 0;}
#page_2 .content .column_1 .ci{padding:0 5px 0 0;}
#page_2 .content .column_1 .ci1{padding:0 19px 0 0;}
/***************************end page_2**************************/

/***************************page_3**************************/
#page_3 .content .column_1 .bg_title{ background:url(/images/4_bg_title_1.jpg) 0 0 no-repeat; width:100%;}
#page_3 .content .column_1 .block{padding:0 0 8px 0;}
#page_3 .content .column_1 .block_1{padding:0 10px;}
#page_3 .content .column_1 .box_2 .sep_1{ margin:0 0 0 0;}
#page_3 .content .column_1 .box_1 .indent {padding:0 0 21px 21px}
/***************************end page_3**************************/

/***************************page_4**************************/
#page_4 .content .column .block .indent {padding:0 25px 30px 20px}
#page_4 .content .column .block_2 { width:53%;}
#page_4 .content .column .block_2 .indent { padding:0 30px 0 0;}
#page_4 .content .column .block_3 { width:46%;}

#page_4 .content .column .block_1{padding:0 10px 0 0}
#page_4 .content .column .bg_title{ background:url(/images/2_bg_title_1.jpg) 0 0 no-repeat; width:100%;}
#page_4 .content .column .box_2 .sep_1{ margin:0 0 0 0;}
#page_4 .content .column_1 .ci{padding:0 5px 0 0;}
#page_4 .content .column_1 .ci1{padding:0 19px 0 0;}
/***************************end page_4**************************/

#footer { color:#AAAAAA;}
#footer a{ color:#80C9E5;}
#footer .small_menu{ font-size:1.1em; text-transform:uppercase; color:#7A7871; word-spacing:7px;}
#footer .small_menu a { text-transform:uppercase; color:#7A7871; word-spacing:normal; text-decoration:none;}
#footer .small_menu a:hover { text-decoration:underline;}
#footer .indent {padding:0px 30px 19px 30px;}
#footer .column .indent {padding:12px 0 21px 19px;}
#footer .column_1 .indent {padding:20px 30px 19px 0;}

.btn { display: block; position: relative; background: #FFFFB5; padding: 5px; float: left; color: #444; text-decoration: none; cursor: pointer;
	margin: 0px 5px;}
.btn * { font-style: normal; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

.btn:hover { background: #C8BDD7;}

* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.small {
	font-size: 10px;
}

.comparison_chart {
	width: 350px;
	border-collapse: collapse;
}

.comparison_chart td {
	border-bottom: 1px solid #eee;
}

.reasons_to_upgrade {
	background-color: #ffffec;
	float: right;
	padding: 10px;
}

.alert {
	font-weight: bold;
	font-style: italic;
	color: #f66;
}

.label_col {
	font-weight: bold;
	width: 100px;
}