@charset "utf-8";

/* --------------------------------

	.flow

--------------------------------- */
div.flow			{ position:relative; background-color:#eee; margin:20px 0 20px 0; padding:20px 10px; border:1px solid #cccccc; width:890px; zoom: 1; }
div.flow h2		{ margin:0 15px 10px 15px; padding:0;}

div.flow ul		{ margin:0 0 15px 0; padding:0; list-style-type:none; clear:both;}
div.flow ul li{ margin-left: 10px; padding:0; width:210px;	height:186px;	 float:left;}
div.flow ul:after	{   content: "";    clear: both;    height: 0;    display: block;    visibility: hidden; }

div.flow ul li.flow1		{	position:relative; background: url(../images/img_index/flow1.png) no-repeat; }
div.flow ul li.flow2		{	position:relative; background: url(../images/img_index/flow2.png) no-repeat; }
div.flow ul li.flow3		{	position:relative; background: url(../images/img_index/flow3.png) no-repeat; }
div.flow ul li.flow4		{ position:relative; background: url(../images/img_index/flow4.png) no-repeat; }

div.flow ul li.flow1 a.flow1_btn1	{ position:absolute; top:95px;	left:10px; }
div.flow ul li.flow1 a.flow1_btn2	{ position:absolute; top:155px; left:18px; }
div.flow ul li.flow2 a.flow2_btn1	{ position:absolute; top:130px;	left:20px; }
div.flow ul li.flow2 a.flow2_btn2	{ position:absolute; top:155px;	left:20px; }
div.flow ul li.flow3 a.flow3_btn1	{ position:absolute; top:155px;	left:20px; }
div.flow ul li.flow4 a.flow4_btn1	{ position:absolute; top:155px;	left:20px; }


div.caution		{ position:relative; margin:15px 20px 0px 20px; zoom:1;}
div.caution	p	{ margin-bottom:5px;}

div#news_area { position:relative; width: 912px; height:55px;  background:url(../images/img_index/img_top_news_bg.png) no-repeat; zoom:1; overflow:hidden; margin-top:20px;}
div#slider_container { padding-left:120px;}
div#slider_container ul#slider { position :relative; width: 700px;}
div#slider_container ul#slider li {  position:relative; top:20px; left:0px; width:660px;  height:55px; list-style:none; overflow:hidden;  }
div#slider_container ul#slider strong { font-weight:bold!important; margin:auto 15px; }

div#slider_container .goto_archive { position:relative; top:-40px; left:0px; left:670px; width:100px;}

/*2015.04.22  ODS-348 CBTトップ改訂_0311*/
#middle_area li a:link { text-decoration:none;}
#middle_area li a:hover { text-decoration:underline;}

/* 2016.09.30 solutionとcolumn追加に伴い */
#solution { }
#solution ul { margin-top:20px; }
#solution ul li { display:inline; float:left; width:320px; height:408px; margin-right:18px; border:1px solid #999999; }
#solution ul li h3 { background:none; border:none; width:inherit; padding:12px 0 10px; font-size:132%; text-align:center; }
#solution ul li h3 a { display:block; color:#ffffff; padding:10px auto 12px; }
#solution ul li h3.solution { background-color: #ff6633; color: #ffffff; }
#solution ul li h3.column { background-color: #669900; color: #ffffff; }
#solution ul li h4 { font-size: 126%; line-height: 138%; margin-bottom:15px; }
#solution ul li div { padding: 0 18px 8px; }
#solution ul li div .btn_solution { background: #ff6633; width: 100% !important; height:18px; padding: 8px 0; margin-bottom:15px; text-align: center; font-size:112%; font-weight:bold;}
#solution ul li div .btn_solution a { display:block; color:#ffffff; text-decoration:none; width:100%; height:18px; padding: auto; }
#solution ul li div .btn_solution a:hover { color: #ffffff; text-decoration:underline; }