/*━━━━━━━━━━━━━━━━━━━━━━━
■ 共通
━━━━━━━━━━━━━━━━━━━━━━━*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color:#f1f1f1;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.arrow {
	font-size: 25px;
	color: #0464a5;

}

.spacer {
	padding-bottom: 10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━
■ ブロック系（div）
━━━━━━━━━━━━━━━━━━━━━━━━*/

/*▼ブロック*/

#area_banner{
	width:377px;
	height: 72px;
	float:right;
	margin-top: 5px;
	margin-right: 23px;
	border: #cccccc 1px solid;
	text-align: left;
	background-image:url(../image/area_banner_off.jpg);
	background-repeat:no-repeat;
}

#area_content{
	text-align: left;
	width: 587px;
	float: right;
	background-color: #ffffff;
	margin-top: 15px;
	margin-right: 23px;
}

#area_content_back_image1{
	text-align: left;
	width: 587px;
	float: right;
	background-color: #ffffff;
	margin-top: 15px;
	margin-right: 23px;
	background-image:url(../image/back_content1.jpg);
}

#area_top_banner {
	width:800px;
}

#area_footer {
	margin-right: 8px;
	margin-left: 7px;
}

#area_header {
	background-image: url(../image/bg_area_header.gif);
	background-repeat: repeat-x;
	color: #dddddd;
	height: 30px;
	border-bottom: #ffffff solid 1px;
}

#area_logo {
	background-color:#ffffff;
	padding: 0px 0px 0px 0px;
	height: 61px;
}

#area_menu_main {
	background-color:#ffffff;
	height: 45px;
	border-bottom: #3e3e3e solid 1px;
}

/*トップページ左*/
#area_top_left {
	width: 570px;
	float:left;
	margin-top: 15px;
	margin-left: 23px;
	margin-right: 15px;
}

#area_top_right {
	width:181px;
	float:left;
	margin-top: 15px;
	/*margin-right: 23px;*/
}

#area_pankuzu {
	width: 787px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 12px;
	color: #999999;
	border-bottom: #eeeeee 1px solid;
	background-color:#ffffff;
}

#area_footer_menu {
	width: 797px;
	background-color:#F8F8F8;
	border-top: 1px solid #eeeeee;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	color: #999999;
}

#area_print_footer {
	display:none;
}

#area_sidemenu{
	width: 181px;
	background-color: #f8f8f8;
	text-align:left;
	float: left;
	margin-left: 8px;
	border-right: #eaeaea 1px solid;
}

#function_left {
	width:367px;
	margin-top:7px;
	margin-bottom:7px;
	margin-left:0px;
	margin-right:20px;
	float:left;
}
#function_right {
	width:200px;
	margin-top:7px;
	margin-bottom:7px;
	margin-left:0px;
	margin-right:0px;
	float:left;
}


/*▼メニュー＆その他*/

#backtotop {
	text-align:right;
	margin-top: 10px;
	margin-bottom: 15px;
}

#container {
	width: 815px;
	background-image:url(../image/bg_container.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#container.white {
	background-image:url(../image/bg_container_white.gif);
}

#logo {
	width: 800px;
}

#menu_main {
	width: 802px;
}

#menu_top {
	width: 800px;
}

#hrline {
	background-image: url(../image/hr_line.gif);
	background-position:left;
	background-repeat:no-repeat;
	height: 3px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━
▼リスト系（ul ol li）
━━━━━━━━━━━━━━━━━━━━━━━━*/

#area_content ul{
	margin-left: 5px;
	margin-bottom: 10px;
}

#area_content ul li{
	list-style: none;
	margin-right: 5px;
	float: left;
	background-color: #66b0cd;
	color: #ffffff;
	border: #258fb8 1px solid;
	width: 95px;
	font-size: 14px;
	vertical-align: middle;
	padding: 7px;
	margin-bottom: 5px;
	text-align: center;
}

#area_content ol li{
	list-style: none;
	list-style-position:inside;
	margin-top: 0px;
	margin-left: 15px;
	font-size: 14px;
}

#area_content ol li.normal {
	list-style: disc;
	list-style-position: inside;
	margin-top: 0px;
	margin-left: 15px;
	font-size: 14px;
	color: #555555;
	line-height: 1.5em;
}

#area_content ol li.indent{
	margin-left: 30px;
}

#area_sidemenu ul li{
	list-style: none;
	font-size: 13px;
	font-weight: bold;
	border-bottom: #f8f8f8 1px solid;
	background: #ffffff;
}

#area_sidemenu ol li{
	font-size: 12px;
	font-weight: normal;
	border-bottom: #bbbbbb 1px dotted;
	background: #f3f3f3;
}

#area_sidemenu ol li._on{
	background: #dd6b6b;
}

#menu_main ul{
	list-style: none;
	background-color: #494949;
	width: 800px;
	height: 45px;
}

#menu_main li{
	float:left;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	border-left: #7e7e7e solid 1px;
	border-right: #3b3b3b solid 1px;
	height: 45px;
	/*width: 138px;*/
	width: 158px;
	background-image:url(../image/bg_menu_main_off.gif);
	background-repeat:repeat-x;
	text-align: center;
}

#menu_top ul{
	list-style: none;
}

#menu_top li{
	float:right;
	padding: 8px 8px 0px 0px;
	font-size: 12px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━
▼リンク系（a a:hover）
━━━━━━━━━━━━━━━━━━━━━━━━*/

#area_banner a {
	padding-top: 11px;
	text-decoration: none;
	display:block;
	height: 61px;
}

#area_banner a:hover {
	background-image:url(../image/area_banner_on.jpg);
	background-repeat:no-repeat;
}

#area_content ol li a{
	color:#444444;
	text-decoration: none;
	line-height: 1.5em;
}

#area_content ol li a:hover{
	color:#f47196;
	text-decoration: none;
}

#area_top_left th a {
	color:#404040;
	font-size:11px;
	font-weight:normal;
	text-decoration: none;
}

#area_top_left th a:hover {
	color:#838383;
}

#area_top_left td a {
	color:#0464a5;
	font-size:12px;
	text-decoration: underline;
}

#area_top_left td a:hover {
	color:#f47196;
	text-decoration: none;
}

#area_pankuzu a{
	padding: 3px;
	color: #999999;
	text-decoration: none;
}

#area_pankuzu a:hover{
	color:#f47196;
	text-decoration: none;
}

#area_sidemenu ul li a{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-decoration: none;
	color: #555353;
}

#area_sidemenu ul li a:hover{
	color: #0464a5;
	background-color: #e7f4fa;
}

#area_sidemenu ul li a._on{
	background-color: #66b0cd;
	color: #ffffff;
	border: #258fb8 1px solid;
}

#area_sidemenu ul li a:hover._on{
	background-color: #66b0cd;
	color: #ffffff;
	border: #258fb8 1px solid;
}

#area_sidemenu ol li a{
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	text-decoration: none;
	color: #555353;
}

#area_sidemenu ol li a.sub_on{
	color: #ffffff;
}

#area_sidemenu ol li a:hover{
	color: #0464a5;
	background: #ffffff;
}

#area_sidemenu ol li a:hover.sub_on{
	background: #dd6b6b;
	color: #ffffff;
}

#area_top_right a{
	text-decoration: none;
	display:block;
}

#area_top_right a:hover.avatar{
	background-image:url(../image/area_banner_avatar_on.jpg);
	background-repeat:no-repeat;
}

#area_top_right a:hover.chat{
	background-image:url(../image/area_banner_chat_on.jpg);
	background-repeat:no-repeat;
}


#area_top_right a:hover.erp{
	background-image:url(../image/area_banner_erp_on.jpg);
	background-repeat:no-repeat;
}

#backtotop a {
	font-size: 12px;
	text-decoration: none;
	color:#333333;
}

#backtotop a:hover {
	color:#7b7b7b;
}

#menu_main a {
	color: #ffffff;
	text-decoration: none;
	height: 38px;
	/*width: 198px;*/
	width: 158px;
	display: block;
	padding-top: 8px;
}

#menu_main a._on {
	color: #ffffff;
	background-image:url(../image/bg_menu_main_on.gif);
	background-repeat:repeat-x;
}

#menu_main a:hover {
	color: #ffffff;
	background-image:url(../image/bg_menu_main_on.gif);
	background-repeat:repeat-x;
}

#menu_top a {
	color: #ffffff;
	text-decoration: none;
}

#menu_top a:hover {
	color: #dddddd;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━
▼テーブル系（table tr th td）
━━━━━━━━━━━━━━━━━━━━━━━━*/

#area_content table{
	border-collapse: collapse;
	border-top: #cccccc 1px solid;
	font-size: 12px;
	color: #333333;
	width: 100%;
	line-height: 1.5em;
}

#area_content table.large{
	font-size: 12px;
	color: #555555;
}

#area_content table.clear{
	font-size: 14px;
	color: #555555;
	border-top: #cccccc 0px solid;
}

#area_content th{
	border: #cccccc solid 1px;
	text-align:left;
	background-color: #e7e7e7;
	font-weight: normal;
	padding: 5px;
	text-align: left;
}

#area_content th.centered{
	text-align: center;
}

#area_content tr{
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
}

#area_content tr.clear{
	border-left: #cccccc 0px solid;
	border-right: #cccccc 0px solid;
}

#area_content td{
	border-bottom: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	padding: 7px;
}

#area_content td.clear{
	border-right: #cccccc 0px solid;
	border-left: #cccccc 0px solid;
}

#area_content td.clearleft{
	border-right: #cccccc 1px solid;
	border-left: #cccccc 0px solid;
}

#area_content td.none{
	border-right: #cccccc 0px solid;
	border-bottom: #cccccc 0px solid;
	border-left: #cccccc 0px solid;
	padding: 1px;
}

#area_top_left table {
	width:377px;
}

#area_top_left th {
	height: 31px;
	background-image:url(../image/bg_area_news.gif);
	background-repeat:repeat-x;
	font-size: 14px;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
	vertical-align:middle;
}

#area_top_left td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: #cccccc dotted 1px;
	font-size: 12px;
}

#area_top_right table{
	width:377px;
	text-align: left;
	border-collapse: collapse;
}

#area_top_right th{
	border: #cccccc solid 1px;
	text-align:left;
	height: 31px;
	background-image: url(../image/bg_area_solution.gif);
	background-repeat:repeat-x;
	color: #ffffff;
	font-size: 14px;
	padding-left: 7px;
}

#area_top_right tr{
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;

}

#area_top_right td{
	border-bottom: #cccccc 1px dotted;
	font-size: 12px;
	color: #7b7b7b;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━
▼タイトル系（h1 h2 h3 h4 h5）
━━━━━━━━━━━━━━━━━━━━━━━━*/

#area_banner h1{
	font-size: 14px;
	font-weight:bold;
	color: #000000;
	margin-left: 11px;
	margin-bottom: 3px;
}

#area_content h1{
	font-weight: normal;
	font-size:20px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: #eeeeee 3px double;
}

#area_content h2{
	font-size:16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 7px;
	border-bottom: #eeeeee 1px solid;
	border-left: #0464a5 7px solid;
	color: #575545;
}

#area_content h3{
	background-image:url(../image/bg_area_news.gif);
	background-repeat:repeat-x;
	color: #575545;
	font-size: 14px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 15px;
}

#area_content h4{
	font-weight: normal;
	background-color: #e7f4fa;
	border: 1px solid #bbbbbb;
	padding: 7px;
	color: #0464a5;
	font-size: 13px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: left;
	width: 95%;
}

/*Q&A : Question */
#area_content h5 {
	background-image:url(../image/simbol_question.gif);
	background-repeat:no-repeat;
	font-size:13px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	border-bottom: #FF8040 1px dashed;
	color: #753A55;
}

/*Q&A : Answer */
#area_content h6 {
	background-image:url(../image/simbol_answer.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 45px;
	color: #555555;
	line-height: 1.5em;
}

#area_top_right h1{
	font-size: 14px;
	font-weight:bold;
	color: #000000;
	padding-top: 9px;
	padding-left: 9px;
	padding-bottom: 3px;
	vertical-align:middlel;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━
▼文章系（p span）
━━━━━━━━━━━━━━━━━━━━━━━━*/

#area_content td span{
	color: #cc0000;
}

#area_banner p{
	margin-left: 30px;
	font-size: 12px;
	width: 225px;
	line-height: 1.4em;
	color: #7b7b7b;
}

#area_content p{
	color: #555555;
	font-size: 14px;
	line-height: 1.5em;
}

#area_top_left p{
	color: #555555;
	font-size: 14px;
	line-height: 1.5em;
}

#area_news td span {
	color:#999999;
	font-size:12px;
}

#menu_main a span{
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

#menu_main a:hover span{
	font-size: 12px;
	font-weight: normal;
	color: #3b3b3b;
}

#area_top_right p{
	margin-left: 30px;
	padding-bottom: 9px;
	font-size: 12px;
	width: 225px;
	line-height: 1.4em;
	color: #7b7b7b;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━
▼画像系（img）
━━━━━━━━━━━━━━━━━━━━━━━━*/

#backtotop img {
	margin-right: 5px;
}

#area_banner img {
	margin-right: 5px;
}

#area_content span img{
	margin-top: 15px;
	margin-bottom: 15px;
}

#area_top_right img {
	margin-right: 5px;
}

.left_image {
	margin-right: 15px;
	margin-bottom: 15px;
	border: #7f7f7f solid 1px;
}

.right_image {
	margin-left: 15px;
	margin-bottom: 15px;
}

.capture_image {
	margin-top:5px;
	margin-right: 15px;
}

.capture_image_right {
	margin-top:5px;
	margin-left: 15px;
}

.capture_image_center {
	margin-top:5px;
	margin-left: 15px;
	margin-right: 15px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━
▼フォーム系（input select textarea）
━━━━━━━━━━━━━━━━━━━━━━━━*/

#area_content input {
	font-size: 12px;
	color: #666666;
	padding: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
	border: #0293D0 dotted 1px;
	background-color:#ECF9FF;
}

#area_content input.none {
	border: #0293D0 solid 0px;
	padding: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	background-color:#ECF9FF;
}

#area_content select {
	font-size: 12px;
	color: #333333;
	padding: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	border: #0293D0 dotted 1px;
	background-color:#ECF9FF;
}

#area_content textarea {
	font-size: 12px;
	color: #666666;
	padding: 4px;
	margin-top: 1px;
	margin-bottom: 1px;
	border: #0293D0 dotted 1px;
	background-color:#ECF9FF;
}