/* CSS Document */

/* container
---------------------------------------------------- */
#container {
	margin:0;
	padding:0;
	text-align: center;
	position:relative;
	background: url(../images/main_bk.gif) repeat-x left top #f2f2f2;
}

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

#header {
	width:100%;
/*	background-image: url(../images/head_back.png);*/
	background-repeat: repeat-x;
	background-position: top;
	margin:0;
	padding:0;
	position: relative;
}

#head_body {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:left;
	overflow:hidden;
}

#head_menu_up {
	margin:0;
	padding:0;
	width:835px;
	height:55px;
	float:right;
}

#header h1 {
	color:#777;
}

/* dropdown */
.dropdown {
	width:135px;
	margin:0;
	padding:4px 0 0 4px;
	float:left;
	z-index:300;
}

.dropdown dt {
	/*width:142px;*/
	/*border:2px solid #9ac1c9;*/
	margin:0;
	padding:0;
	font-weight:bold;
	cursor:pointer;
	/*background-image: url(../images/head_menu_bk.png);
	background-repeat: no-repeat;
	background-position: right bottom;*/
	display:block;
}

#head_menu_up .dropdown dt a {
    width: 135px;
    display: block;
    height: 45px;
    background: #333;
	line-height:18px;
    /* background: url(../images/navi_back.gif) repeat-x left top #333; */
    border: 1px #CCCCCC solid;
    color: #fff;
    /* text-align: center; */
    /* line-height: 45px; */
    padding-top: 7px;
    padding-left: 17%;
}

#head_menu_up .dropdown dt a span {
    display: block;
    font-size: 12px;
}

.dropdown dt:hover {
	padding:0;
	margin:0;
	background: #FFF;
	color: #333;
}

.dropdown dd {
	position:absolute;
	overflow:hidden;
	width:200px;
	display:none;
	background:#333;
	z-index:200;
	padding:0;
	margin:0;
	opacity:0.9;
}

.dropdown ul {
	/*width:135px;*/
	list-style:none;
}

#head_menu_up .dropdown li {
	display:block;
	background-image:none;
}

.dropdown li a {
	display:block;
	padding:5px 5px;
	background-image:none;
	color:#fff;
	border-top:1px #444 solid !important;
	border-bottom:1px #222 solid !important;
    line-height: 20px;
	/*text-decoration:none;
	background:#eaf0f2;
	width:120px;*/
}

.dropdown li a.small {
	font-size: 10px;
}

.dropdown li a:hover {
	display:block;
	padding:5px 5px;
/*	background-color:#00508e;*/
	background-color:#fff;
	background-image:none;
	color: #333;
}

.dropdown .underline {
	border-bottom:1px solid #333;
}
/* dropdown */

#head_menu_down {
	margin:0;
	padding:7px 0 7px 4px;
	/*width:716px;*/
	float:right;
	display:none;
	/*border-top:1px solid #00508e;*/
}

#head_menu_down ul{
	float:left;
	width:140px;
	padding:0;
	/*border-left:1px solid #ffffff;*/
}

#head_menu_down li {
	margin:0;
	padding:0 0 0 3px;
	color: #eee;
	font-size: 10px;
	line-height: 16px;
}

#head_menu_down a {
	color: #333;
}

#head_menu_down a:hover{
	text-decoration:underline;
	color:#00508e;
}


#head_word {
	font-size:10px;
	text-align: right;
	line-height: 20px;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin:0;
	padding:0;
	float:right;
}

#head_word p {
	width:120px;
	color: #eee;
}

#head_title {
	width:150px;
	padding:0;
	margin-left:-3px;
	position: absolute;
	top: 21px;
	z-index:100;
}

#head_end {
	background-image: url(../images/head_end_back.png);
	background-repeat: repeat-x;
	background-position: bottom;
	clear:both;
}

#head_contbt {
	float:right;
	width:80px;
	padding:0;
	margin:0;
}

/* パンクズ
---------------------------------------------------- */
#pankuzu {
	clear:both;
	padding:0;
	height:30px;
	text-align: center;
	/*background-image: url(../images/pankuzu_back.gif);
	background-repeat: repeat-x;*/
	width:100%;
}

#pankuzu #pankuzu_main {
	color:#777;
}

#pankuzu #pankuzu_main #pankuzu_h2 {
	padding:7px 0 0;
	margin:0;
	color:#bbb;
}

#pankuzu #pankuzu_main a {
	color:#777;
	font-weight:bold;
}

#pankuzu #pankuzu_main a:hover {
	color:#00508E;
	text-decoration:underline;
}

#pankuzu #pankuzu_main {
	padding:0;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:30px;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 30px;
}


/* main_cont
---------------------------------------------------- */
#main_content {
	width:100%;
	clear:both;
	margin:5px 0 0 0;
	/*margin:0;*/
	padding:0;
}

#main_back {
	/*background-image: url(../images/index_upphoto_back.jpg);
	background-repeat:repeat-x;
	background-position:top;*/
}

#main_body {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:1000px;
	text-align:left;
	position:relative;
}

/*#main_body p {
	line-height: 1.8em;
}*/

#home .top_pickup li {
	float:left;
	margin:0 15px 0 0;
}

#home .top_pickup li.end {
	margin:0;
}

#home #main_box {
	padding:0;
	margin:0;
	width:740px;
	float:left;
}

.one_column #main_box {
	width:1000px;
}

#main_box {
	padding:0;
	margin:0;
	width:760px;
	float:left;
}

#main_box a {
	text-decoration:underline;
}

#main_box a:hover {
	text-decoration:none;
}

#main_left {
	width:200px;
	float:right;
	margin:-105px 0 0;
}


#home #main_left {
	width:720px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}


#home #main_right {
	width:230px;
	float:right;
	margin:0;
	padding:0;
}

#home #up_photo {
	width:100%;
	padding:0;
	z-index:-1;
}


#up_photo {
	margin:0;
	/*text-align:right;*/
	width:1000px;
}

#main_end {
	clear:both;
	margin:0;
	padding:0;
}

#down_bar {
	/*height:4px;*/
	background-image: url(../images/down_bar.gif);
	background-repeat: repeat-x;
	clear:both;
	background-color: #333;
}

#down_contbt {
	padding:0;
	margin:34px 0 -4px 3px;
	float:left;
}

#down_menu {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	padding:15px 0;
	width:1000px;
	text-align:left;
	position:relative;
	/*display:none;*/
}

#down_menu_up {
	color: #ffffff;
	padding:20px 0 0 0;
}

#down_menu_up li {
	float:left;
	width:160px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding:0;
	display:block;
}

#down_menu_down {
	clear:both;
	overflow:hidden;
}

#down_menu_down ul{
	float:left;
	width:160px;
	margin-bottom:10px;
}

#down_menu li {
	margin:0;
	padding:0;
	font-size: 10px;
	line-height: 16px;
}

#down_menu li a {
	color: #999999;
}

#down_menu li a:hover{
	text-decoration:underline;
	color:#fff;
}

#down_bar_end {
	clear:both;
}


/* left menu
---------------------------------------------------- */
.menu_title {
	margin:0 0 2px 0;
	padding:0;
}


.leftm_s {
	margin:0;
	padding:0;
/*	font-weight: bold;*/
	color: #054c86;
}

.leftm_s ul {
	margin:0;
	padding:0;
}

.leftm_s li {
	margin:2px;
	padding:0;
	width:142px;
	border:1px #ccc solid;
	float:left;
	background:#00508E;
	color:#fff;
}

.leftm_s li a {
	display:block;
	margin:0;
	padding:5px 5px 5px 20px;
	font-weight: bold;
	color:#fff;
	text-decoration:none !important;
	background:url(../images/sankaku_white.gif) no-repeat 5px center #333;
}

.leftm_s li a:hover {
	background:url(../images/sankaku_white.gif) no-repeat 5px center #555;
	color:#FFF;
}

ul.leftm_i {
	margin:0;
	padding:0;
	background:#333;
}

.leftm_i li {
	margin:0;
	padding:0;
	border-bottom:1px #000 solid;
	border-top:1px #555 solid;
}

.leftm_i li a {
	display:block;
	margin:0;
	padding:8px 0 7px 18px;
	background:url(../images/sankaku_white.gif) no-repeat 4px center;
	color:#CCC;
}

.leftm_i li a:hover {
	display:block;
	margin:0;
	padding:8px 0 7px 18px;
	background:url(../images/sankaku_dark.gif) no-repeat 4px center #efefef;
	color:#333;
}

.leftm_d {
	margin:0 0 4px 0;
	padding:5px 0 0 0;
	width:200px;
	height:55px;
	display:block;
	border:1px #CCC solid;
	background:#FFF;
}

.leftm_d a, .leftm_d2 a{
	display:block;
}

.leftm_d .title_p {
	display:block;
	width:162px;
	margin:0;
	padding:1px 0 0 17px;
	background-image:url(../images/right_link_mark.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

.setumei {
	display:block;
	margin:0;
	padding:3px 0 0 2px;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 0.1em;
}

.setumei a:hover {
	color: #00508e;
}

.leftm_d .setumei {
	display:block;
	width:145px;
	margin:0;
	padding:0 0 0 8px;
	font-size: 10px;
	line-height: 11px;
	letter-spacing: 0.1em;
}

.leftm_d .setumei a:hover {
	color: #00508e;
}

.leftm_g {
	margin:0;
	padding:0;
	border:0;
	width:180px;
}

#production .leftm_g .g1{
	display:none;
}

#seosem .leftm_g .g2{
	display:none;
}

.leftm_g ul {
}

.leftm_g li {
	margin:0 0 2px 0;
	font-size:12px;
	
}

.leftm_g li a {
	display:block;
	width:161px;
	padding:5px 8px;
}

.leftm_g li a:link,
.leftm_g li a:visited,
.leftm_g li a:active {
	text-decoration:none;
	color:#FFF;
	background-image: url(../images/head_down_back.png);
	border:1px #333 solid;
}

.leftm_g li a:hover{
	text-decoration:none;
	color:#00508e;
	border:1px #00508e solid;
	background:none;
}

.side_movie {
	margin-bottom:5px;
	border:1px #555 solid;
}

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

.rightm_d {
	margin:0 0 2px 0;
	padding:4px 0 0 0;
	width:230px;
	height:53px;
	display:block;
}

.rightm_d2 {
	margin:0 0 3px 0;
	padding:0;
}

.rightm_d p {
	padding:0;
	margin:0;
}

.rightm_d2 p {
	padding:1px;
	margin:0;
}

.rightm_d .title_p {
	display:block;
	margin:0;
	padding:1px 0 0 18px;
	background-image:url(../images/right_link_mark.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #00508e;
}

.rightm_d .title_p a {
	color: #00508e;
}


.rightm_d2 .title_p {
	display:block;
	margin:0;
	padding:0 0 0 18px;
	background-image:url(../images/right_link_mark.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	font-size: 11px;
	color: #666666;
}

.rightm_d .setumei {
	display:block;
	margin:0;
	padding:2px 30px 0 8px;
	font-size: 10px;
	color: #666666;
	line-height: 13px;
}



/*#rightm_d1 {
	background-image: url(../images/right_menu1.png);
	background-repeat: no-repeat;
}

#rightm_d2 {
	background-image: url(../images/right_menu2.png);
	background-repeat: no-repeat;
}

#rightm_d3 {
	background-image: url(../images/right_menu3.png);
	background-repeat: no-repeat;
}

#leftm_d1 {
	background-image: url(../images/inseide_left1.png);
	background-repeat: no-repeat;
}

#leftm_d2 {
	background-image: url(../images/inseide_left2.png);
	background-repeat: no-repeat;
}

#leftm_d3 {
	background-image: url(../images/inseide_left3.png);
	background-repeat: no-repeat;
}*/

#aria {
	margin:0;
	padding:5px;
	width:190px;
	background:#CCC;
}

#aria .red_s {
	color:#CCC;
	font-size:12px;
	font-weight:bold;
	margin:5px 0;
}

#aria td {
	margin:0;
	font-size:10px;
	line-height:10px;
	color: #aaa;
	padding:5px 1px 5px 7px;
	background:#333;
}

#home #aria {
	margin:0;
	padding:5px;
	width:220px;
	background-image: url(../images/back_b1.gif);
}

.social_side {
	background:#333;
	padding:3px 5px;
	overflow:hidden;
}

.social_side ul {
	overflow:hidden;
	width:140px;
	float:right;
}

.social_side li {
	float:right;
	padding:5px 0 0 7px;
	background:#ccc;
	border-right:1px #333 solid;
	border-right:1px #CCC solid;
	width:20px;
	height:20px;
	margin-left:2px;
}

.side_so_title {
	float:left;
	padding:5px 0;
}

#left_title {
	margin:0;
	padding:0;
	/*display:none;*/
}

#left_inq {
	margin:0;
	padding:0;
	width:180px;
}

#left_inq img {
	vertical-align:bottom;
	visibility: hidden;
}

#left_inq a,
#left_inq a:link,
#left_inq avisited {
	background-image: url(../images/toi_inside.png);
	display: block;
	background-repeat: no-repeat;
}
#left_inq a:hover,
#left_inq a:active,
#left_inq a:focus {
	background-image: url(../images/toi_insideon.png);
	display: block;
	background-repeat: no-repeat;
}

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

#footer {
	width:100%;
	clear:both;
	background-image: url(../images/footer_back.png);
	background-repeat: repeat-x;
	background-color:#333;
	overflow:hidden;
}

#foot_body {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:1000px;
	text-align: left;
}

.foot_social {
	position:absolute;
	right:0;
	bottom:0;
}

.foot_social li {
	float:left;
}

#foot_left {
	width:550px;
	float:left;
	font-size: 10px;
	color: #555555;
	padding:7px;
	line-height: 14px;
}

#foot_right {
	width:330px;
	height:71px;
	padding:0;
	float:right;
}

#foot_mark {
	float:right;
}

#foot_copy {
	clear:both;
	padding:0;
	text-align:right;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 29px;
	letter-spacing: 0.1em;
}

#foot_copy ul li {
	float:left;
	font-size: 9px;
	text-align:right;
	line-height: 29px;
}

#foot_copy ul li a {
	color:#aaa;
	padding:0 15px 0 0;
}

#foot_copy ul li a:hover {
	color:#fff;
	text-decoration:underline
}

/* search
-----------------------------------------------	*/
#search {
	width: 220px;
	height: 43px;
	float: left;
	margin:0;
	padding:28px 0 0 0;
}

#search_word {
	padding:0 5px 0 0;
	float:right;
}

#search_word input,#search_word textarea,#search_word select {
	color: #dddddd;	
}

#search_bt {
	float: right;
	padding:0 8px 0 0;
}

#search .form_area{
	width: 150px;
	height:15px;
	line-height:16px;
	padding:0;
	margin:0;
}

/* main_menu
-----------------------------------------------	*/
.dropdown img {
	/*vertical-align: top;*/
	visibility: hidden;
	margin:0;
	padding:0;
}
/*
#one-ddheader{
	background-image: url(../images/head_menu_bk1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#one-ddheader:hover{
	background-image: url(../images/head_menu_bk1on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#service .dropdown #one-ddheader{
	background-image: url(../images/head_menu_bk1on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#two-ddheader{
	background-image: url(../images/head_menu_bk2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#two-ddheader:hover{
	background-image: url(../images/head_menu_bk2on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#production .dropdown #two-ddheader{
	background-image: url(../images/head_menu_bk2on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#three-ddheader{
	background-image: url(../images/head_menu_bk3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#three-ddheader:hover{
	background-image: url(../images/head_menu_bk3on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#seosem .dropdown #three-ddheader{
	background-image: url(../images/head_menu_bk3on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#four-ddheader{
	background-image: url(../images/head_menu_bk4.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#four-ddheader:hover{
	background-image: url(../images/head_menu_bk4on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#marketing .dropdown #four-ddheader{
	background-image: url(../images/head_menu_bk4on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#five-ddheader{
	background-image: url(../images/head_menu_bk5.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#five-ddheader:hover{
	background-image: url(../images/head_menu_bk5on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin:0;
}

#system .dropdown #five-ddheader{
	background-image: url(../images/head_menu_bk5on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#six-ddheader{
	background-image: url(../images/head_menu_bk6.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#six-ddheader:hover{
	background-image: url(../images/head_menu_bk6on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin:0;
}

#company .dropdown #six-ddheader{
	background-image: url(../images/head_menu_bk6on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}*/

/* left_title
-----------------------------------------------	*/
/*#main_left #left_title img {
	vertical-align: top;
	visibility: hidden;
}*/
/*
#service #main_left #left_title{
	background-image: url(../images/left_menu_title_service.png);
	background-repeat: no-repeat;
	background-position: top;
}

#production #main_left #left_title{
	background-image: url(../images/left_menu_title_production.png);
	background-repeat: no-repeat;
	background-position: top;
}

#seosem #main_left #left_title{
	background-image: url(../images/left_menu_title_seosem.png);
	background-repeat: no-repeat;
	background-position: top;
}

#company #main_left #left_title{
	background-image: url(../images/left_menu_title_company.png);
	background-repeat: no-repeat;
	background-position: top;
}

#other #main_left #left_title{
	background-image: url(../images/left_menu_title_other.png);
	background-repeat: no-repeat;
	background-position: top;
}

#form #main_left #left_title{
	background-image: url(../images/left_menu_title_form.png);
	background-repeat: no-repeat;
	background-position: top;
}

#cms #main_left #left_title{
	background-image: url(../images/left_menu_title_cms.png);
	background-repeat: no-repeat;
	background-position: top;
}

#campaign #main_left #left_title{
	background-image: url(../images/left_menu_title_campaign.png);
	background-repeat: no-repeat;
	background-position: top;
}
*/

/* main_photo
-----------------------------------------------	*/
#home #main_body #up_photo img {
	/*vertical-align: top;*/
	visibility: visible;
}

#main_body #up_photo img {
	/*vertical-align: top;*/
	visibility: hidden;
}

#service #main_body #up_photo{
	background-image: url(../images/inside_upphoto1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:100;
}

#production #main_body #up_photo{
	background-image: url(../images/inside_upphoto2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:100;
}

#seosem #main_body #up_photo{
	background-image: url(../images/inside_upphoto3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:100;
}

#company #main_body #up_photo{
	background-image: url(../images/inside_upphoto4.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:100;
}

#other #main_body #up_photo{
	background-image: url(../images/inside_upphoto5.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:100;
}

#form #main_body #up_photo{
	background-image: url(../images/inside_upphoto6.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:100;
}

#cms #main_body #up_photo{
	background-image: url(../images/inside_upphoto7.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:100;
}

#campaign #main_body #up_photo{
	background-image: url(../images/inside_upphoto8.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:100;
}

#system #main_body #up_photo{
	background-image: url(../images/inside_upphoto_system.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:100;
}

#marketing #main_body #up_photo{
	background-image: url(../images/inside_upphoto_marketing.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:100;
}

/* service 
-----------------------------------------------	*/
.service_ul {
}

.service_ul ul {
}

.service_ul li {
	float:left;
	width:160px;
	margin:5px 2px 0 2px;
	padding:5px 0 5px 20px;
	color: #00508e;
	background-image: url(../images/menu_sk.gif);
	background-position:2px center;
	background-repeat:no-repeat;
	border:1px solid #bbbbbb;
}

.service_ul a {
	display:block;
}

p.left {
	float: left;
}
/* side_banner
-----------------------------------------------	*/
nav ul li a {
  display: block;
  width: 230px;
  height: 45px;
  overflow: hidden;
  background: url(../images/side_banner.jpg) 0 0;
  text-indent: 100%;
  white-space: nowrap;
  margin: 5px 0 0;
}
nav ul li.li_production a {
  width: 230px;
}
nav ul li.li_tell a {
  height: 85px;
}
nav ul li.li_seo a { background-position: 0 -45px; }
nav ul li.li_cms a { background-position: 0 -90px; }
nav ul li.li_freehp a { background-position: 0 -135px; }
nav ul li.li_estimate a { background-position: 0 -180px; }
nav ul li.li_partner a { background-position: 0 -225px; }
nav ul li.li_contact a { background-position: 0 -270px; }
nav ul li.li_tell a { background-position: 0 -315px; }

nav ul li.li_production a:hover { background-position: 230px 0; }
nav ul li.li_seo a:hover { background-position: 230px -45px; }
nav ul li.li_cms a:hover { background-position: 230px -90px; }
nav ul li.li_freehp a:hover { background-position: 230px -135px; }
nav ul li.li_estimate a:hover { background-position: 230px -180px; }
nav ul li.li_partner a:hover { background-position: 230px -225px; }
nav ul li.li_contact a:hover { background-position: 230px -270px; }
nav ul li.li_tell a:hover { background-position: 230px -315px; }

.contactBt a {
  display: block;
  width: 120px;
  height: 20px;
  overflow: hidden;
  background: url(../images/contactBt.jpg) 0 0;
  text-indent: 100%;
  white-space: nowrap;
}
.contactBt a:hover { background-position: 0 -20px; }

/* service
-----------------------------------------------	*/

.col2 {
	float: left;
	width: 370px;
}
.col2l {
	float: left;
	width: 370px;
}
.col2r {
	float: right;
	width: 370px;
}
.col2 img,
.col2l img,
.col2r img {
	float: right;
	margin: 5px 5px 10px 15px;
	border: 1px #cccccc solid;
}
.center {
	text-align: center;
}
.more {
	float: right;
	text-align: center;
	margin: 0 5px 0 0;
	border: 2px solid #00508e;
	width: 100px;
	padding: 0px 15px;
	background: #6394ba;
}
.more a {
	display: block;
	color: #FFF;
}

/* service
-----------------------------------------------	*/
#head_word p {
	float: left;
	margin: 0 !important;
}

#head_word ul {
	float: right;
}

#head_word li {
	float: left;
	margin-left:10px;
}

#head_word li a {
	margin: 1px 0 0 !important;
  display: block;
  width: 135px;
  height: 18px;
  overflow: hidden;
  background: url(../images/headBt.jpg) 0 -18px;
  text-indent: 100%;
  white-space: nowrap;
  margin: 5px 0 0;
}

#head_word li.head_inquiry a:hover { background-position: 0 0; }

/* slider
-----------------------------------------------	*/
.iosSlider {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 1000px;
	height: 300px;
}
.iosSlider .prevButton {
position: absolute;
top: 130px;
left: 0;
width: 20px;
height: 40px;
background: url(../images/slider-buttons.png) no-repeat 0 0;
z-index: 2;
}
	
.iosSlider .nextButton {
position: absolute;
top: 130px;
right: 0;
width: 20px;
height: 40px;
background: url(../images/slider-buttons.png) no-repeat right 0;
z-index: 2;
}
	
.iosSlider .slider {
width: 100%;
height: 100%;
}
	
.iosSlider .slider .item {
position: relative;
top: 0;
left: 0;
width: 820px;
height: 300px;
margin: 0 40px 0 40px;
}
	
.iosSlider .slider .item .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 300px;
}
.iosSlider .slider #item1 .image {
	background: url(../images/main_slide6.png) no-repeat 50% 50%;
}
.iosSlider .slider #item2 .image {
	background: url(../images/main_slide4.png) no-repeat 50% 50%;
}
.iosSlider .slider #item3 .image {
	background: url(../images/main_slide2.jpg) no-repeat 20% 50%;
}

/* 3column /web/
-----------------------------------------------	*/
.col3 {
	width: 100%;
	clear: both;
	overflow: hidden;
}
.col3 .box {
	width:240px;
	border: 1px solid #ddd;
	float: left;
	margin: 10px 14px 10px 0;
	padding: 0 0 10px;
	background:#FFF;
}

.col3 .end {
	margin:10px 0 !important;
	float:right !important;
}

.col3 .box img {
	margin: 10px;
	border: 1px solid #ddd;
	text-align: center;
}
.col3 .box h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 10px 10px;
	padding: 0 0 5px;
	color:#333;
}

.col3 .box h3 a {
	text-decoration:none !important;
}

.col3 .box h3 a:hover {
	text-decoration:underline !important;
}

.col3 .box .disc {
	padding: 0 5px;
	line-height:140%;
}
.col3 .box .dtlBt {
	margin-left:85px;
}
.col3 .box .dtlBt a {
  display: block;
  width: 140px;
  height: 18px;
  overflow: hidden;
  background: url(../images/moreBt.jpg) 0 -18px;
  text-indent: 100%;
  white-space: nowrap;
}
.col3 .box .dtlBt a:hover { background-position: 0 0; }

/**/
dl .dropdown dt {
	width: 135px;
	height: 45px;
	display: block;
	background: #333;
	border: 1px #CCCCCC solid;
}
/* margin
-----------------------------------------------	*/
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}


/* SP追加
-----------------------------------------------	*/

.chage_list1  {
	overflow:hidden;
	clear:both;
}
.chage_list1 li {
	 width:243px;
	 float:left;
	 margin-right:14px;
}
.chage_list1 li.lastChild {
	float:right;
	margin-right:0;
}

.dl_list {
    padding: 0 0 0 18px;
    background-image: url(../images/arrow01.gif);
    background-repeat: no-repeat;
    background-position: left center;
}




p.back_gray{
	padding:20px;
	background-color: #CCCCCC;	
}

.TableValue td.v_align_m{
	vertical-align:middle;
}

ul.inner_link {
    text-align: center;
    margin: 30px 0 60px;
}

ul.inner_link li {
    padding: 0;
    color: #fff;
    display:inline-block;
	width: 32%;
}

ul.inner_link li a {
    text-align: center;
    display: block;
    margin: 0;
    padding: 15px 0;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none !important;
    background: url(../images/sankaku_white.gif) no-repeat 5px center #333;
}


.hbspt-form fieldset {
  max-width: 100% !important;
  padding: 5px 0 10px 0 !important;
}

.hbspt-form .form-columns-2 {
  max-width: 100% !important;
}

.hbspt-form label span {
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0;
}



.hbspt-form {
  margin: 10px 0 50px;
}

.hbspt-form field {
  margin: 0 0 20px;
}

.hs-error-msgs,
.hs-form-required {
  color: #c00;
}

.form-columns-2 .hs-form-field {
}

.hbspt-form .form-columns-2 .hs-form-field input {
  width: 95% !important;
  margin-right: 20px;
}

.hbspt-form textarea {
  min-height: 70px;
}

.hbspt-form input,
.hbspt-form textarea{
  padding:2%;
  font-size:1.3em;
  font-family:Arial, sans-serif;
  width: 95% !important;
  border:solid 1px #ccc;
  color: #333;
  margin:0 0 10px;
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

.hbspt-form .actions {
  text-align: center;
  margin-top: 25px;
}

.hbspt-form select {
  height: 35px;
  font-size: 16px;
}

.hbspt-form .hs-button {
  box-shadow:none;
  background: #c00;
  color: #fff;
}

#main_box .gray_back {
background: #ddd;
border: 1px solid #aaa;
color:#333;
font-size:16px;
font-weight:bold;
margin: 0 5px 0 0;
padding: 5px 8px;
}