@charset "utf-8";

/* --------------------------------------------------
	SiteName : futurelink.co.jp
	FileName : module.css
	Description : module styles
	Author : name
	UpdatedBy : who-when

	== TOC =========================================
	1 : module common styles
	2 : module ttl styles
	3 : module subttl styles
	4 : module list styles
	5 : module box styles
	6 : module table styles
	7 : module saerch box

-------------------------------------------------- */


/* 1. module common styles
==================================================*/
#content.module p,
#content.module dl,
#content.module ul,
#content.module ol{
	margin-bottom:1.5em;
}
.mod_section_01{
	padding:0 10px;
	width:688px;
	background:#b8e4f9;
	border:#79c8ec solid 1px;
	float:left;
}
body#company .mod_section_01,
body#inquiry .mod_section_01,
body#news .mod_section_01,
body#service .mod_section_01,
body#topics .mod_section_01,
body#sitemap .mod_section_01{
	padding:10px ;
}
body#company .mod_section_01 .inner,
body#inquiry .mod_section_01 .inner,
body#news .mod_section_01 .inner,
body#service .mod_section_01 .inner,
body#topics .mod_section_01 .inner,
body#sitemap .mod_section_01 .inner{
	background:#ffffff;
	padding:0 10px 10px 10px ;
}
.mod_section_02 {
	padding:14px 10px 0 10px;
	margin:0 0 20px 0;
	width:634px;
	background:#fdfcd5;
	border:#f3ee64 solid 1px;
}

/* 2. module ttl styles
==================================================*/
/* mod_ttl_main */
.mod_ttl_main{
	padding:0px 0 0px 0;
	width:974px;
}
/* mod_ttl_01 */
.mod_ttl_01{
	margin:0 0 20px 0;
	padding:10px 10px 10px 0px;
	color:#333333;
	font-size:medium;
}
body#home .mod_ttl_01{
	margin:0 0 15px 0;
	padding:10px 10px 10px 0px;
	color:#333333;
	font-size:small;
	border-bottom:#ccc solid 2px;
}

/* mod_ttl_02 */
.mod_ttl_02{
	margin:0 0 10px 0;
	padding:10px 10px 15px 5px;
	background:transparent url(../images/bg_mod_subttl_01.gif) no-repeat left bottom;
	color:#333333;
	font-size:medium;
}

/* 3. module subttl styles
==================================================*/
/* mod_subttl_01 */
.mod_subttl_01{
	margin:0 0 10px 0;
	padding:5px 0 0 0;
	color:#da5b06;
	font-size:small;
}
.mod_subttl_01.bg_01{
	color:#fff;
	margin:0 0 1px 0;
	padding:5px 0 5px 15px;
	background:#457ded;
	border-left:#fff solid 1px\9;
}
.relative{
	position: relative;
}
/* more */
.relative .more_01{
	margin:0;
	padding:0;
	width:98px;
	height:18px;
	position: absolute;
	top:15px;
	right:15px;
}
.relative .more_01 a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
.relative .more_02{
	margin:0;
	padding:0;
	width:55px;
	height:14px;
	position: absolute;
	top:10px;
	right:15px;
}
.relative .more_02 a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
.relative .more_03{
	margin:0;
	padding:0;
	width:202px;
	height:21px;
	position: absolute;
	top:47px;
	right:25px;
}
.relative .more_03 a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
.more_04{
	margin:0;
	padding:0;
	width:202px;
	height:21px;
}
.more_04 a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

/* mod_subttl_02 */
.mod_subttl_02{
	margin:0 0 20px 0;
	font-size:small;
	line-height:1.125;
	zoom:1;
}

/* mod_subttl_03 */
.mod_subttl_03{
	height:32px;
	margin:0 0 15px 0;
	padding:11px 0 0 15px;
	background:transparent url(../images/sttl_01.gif) no-repeat left top;
	color:#1a4e6f;
	font-size:medium;
}

/* mod_subttl_04 */
.mod_subttl_04{
	height:32px;
	margin:0 0 15px 0;
	padding:11px 0 0 15px;
	background:transparent url(../images/sttl_02.gif) no-repeat left top;
	color:#514823;
	font-size:medium;
}

/* mod_subttl_05 */
.mod_subttl_05{
	height:23px;
	margin:0 0 15px 0;
	padding:5px 0 0 15px;
	background:transparent url(../images/sttl_05.gif) repeat-x left top;
	border-top:#65bef6 solid 1px ;
	border-left:#47aeef solid 3px ;
	border-right:#65bef6 solid 1px ;
	border-bottom:#65bef6 solid 1px ;
	color:#514823;
	font-size:small;
}

/* mod_subttl_06 */
.mod_subttl_06{
	height:23px;
	margin:0 0 15px 0;
	padding:5px 0 0 15px;
	background:transparent url(../images/sttl_06.gif) repeat-x left top;
	border-top:#ffeda2 solid 1px ;
	border-left:#fad94f solid 3px ;
	border-right:#ffeda2 solid 1px ;
	border-bottom:#ffeda2 solid 1px ;
	color:#514823;
	font-size:small;
}

/* mod_subttl_07 */
.mod_subttl_07{
	height:23px;
	margin:0 0 15px 0;
	padding:5px 0 0 15px;
	background:transparent url(../images/sttl_05.gif) repeat-x left top;
	border-top:#65bef6 1px ;
	border-left:#47aeef 3px ;
	border-right:#65bef6 1px ;
	border-bottom:#65bef6 1px ;
	color:#514823;
	font-size:small;
}

/* 4. module list styles
==================================================*/
/* mod_list_01 */
.mod_list_01{
	margin-left:0;
}
.mod_list_01 li{
	padding:0 0 0 15px;
	background:transparent url(../images/arw_01.gif) no-repeat 0 0.45em;
}

/* mod_list_02 */
.mod_list_02{
	margin-left:0;
}
.mod_list_02 li{
	padding:0 0 0 15px;
	background:transparent url(../images/bg_mod_list_01.gif) no-repeat 0 0.25em;
}

/* mod_list_03 */
.mod_list_03{
	font-size:x-small;
}
.mod_list_03 li{
	margin:0 0 3px 0;
	padding-left:1em;
	text-indent:-1em;
}
/* mod_list_04 */
.mod_list_04{
	margin-left:0;
}
.mod_list_04 li{
	padding:0 0 0 15px;
}
.mod_list_04 li.icon{
	background:transparent url(../images/bg_mod_list_02.gif) no-repeat 0 0.25em;
}

/* mod_link_01 */
.mod_link_01{
}
.mod_link_01 a{
	padding:0 0 0 17px;
	background:transparent url(../images/bg_mod_link_01.gif) no-repeat left center;
	line-height:1.125;
}
/* mod_link_02 */
.mod_link_02{
}
.mod_link_02 a{
	padding:0 0 0 17px;
	background:transparent url(../images/bg_mod_list_01.gif) no-repeat left center;
	line-height:1.125;
}
/* mod_link_03 */
.mod_link_03{
}
.mod_link_03 a{
	padding:0 0 0 14px;
	background:transparent url(../images/arw_01.gif) no-repeat left center;
	line-height:1.125;
}
/* mod_link_04 */
.mod_link_04{
}
.mod_link_04 a{
	padding:0 0 0 14px;
	line-height:1.125;
}
/* mod_link_05 */
.mod_link_05{
	margin:0;
}
.mod_link_05 a{
	padding:0 0 0 14px;
	line-height:1.125;
}


/* 5. module box styles
==================================================*/
/* mod_box_01 */
.mod_box_01 {
	width:932px;
	margin-bottom:1.5em;
	background:transparent url(../images/bg_mod_box_02_middle.gif) repeat-y left top;
	border:solid 1px #ccc;
}
.mod_box_01Innner {
	padding:15px 20px 0px 25px;
	background:transparent url(../images/bg_mod_box_02_hdr.gif) no-repeat left top;
}
.mod_box_01 .bottom{
	margin:0;
	padding:0;
	height:20px;
	background:transparent url(../images/bg_mod_box_02_ftr.gif) no-repeat left bottom;
}
.mod_box_01 p {
	margin:20px 0 0 0;
	color:#333333;
}
/* mod_box_02 */
.mod_box_02{
	margin-bottom:1.5em;
	padding:10px;
	border:solid 1px #ccc;
	background:#f5f7f6 none;
}
.mod_box_02 h3{
	margin:0;
	font-size:small
}
.mod_box_02 p{
	margin:0;
	padding:0;
	color:#333333;
}

/* mod_box_03 */
.mod_box_03 {
	width:664px;
	margin-bottom:1.5em;
	background:transparent url(../images/bg_mod_box_03_middle.gif) repeat-y left top;
	border:solid 1px #ccc;
}
.mod_box_03Innner {
	padding:15px 20px 0px 25px;
	background:transparent url(../images/bg_mod_box_03_hdr.gif) no-repeat left top;
}
.mod_box_03 .bottom{
	margin:0;
	padding:0;
	height:20px;
	background:transparent url(../images/bg_mod_box_03_ftr.gif) no-repeat left bottom;
}
.mod_box_03 h3 {
	margin:5px 0 0 0;
}
.mod_box_03 p {
	margin:5px 0 0 0;
	color:#333333;
}

/* mod_box_04 */
.mod_box_04 {
	width:325px;
	margin-bottom:1.5em;
	background:transparent url(../images/bg_mod_box_04_middle.gif) repeat-y left top;
	border:solid 1px #ccc;
}
.mod_box_04Innner {
	padding:15px 20px 0px 25px;
	background:transparent url(../images/bg_mod_box_04_hdr.gif) no-repeat left top;
}
.mod_box_04 .bottom{
	margin:0;
	padding:0;
	height:20px;
	background:transparent url(../images/bg_mod_box_04_ftr.gif) no-repeat left bottom;
}
.mod_box_04 h3 {
	margin:5px 0 0 0;
}
.mod_box_04 p {
	margin:5px 0 0 0;
	color:#333333;
}

/* mod_box_05 */
.mod_box_05 {
	width:325px;
	margin-bottom:0.25em;
}
.mod_box_05Innner {
	padding:15px 0 0 0;
}
.mod_box_05 .bottom{
	margin:0;
	padding:0;
}
.mod_box_05 h3. {
	margin:5px 0 0 0;
}
.mod_box_05 p {
	color:#333333;
	margin:3px 0 0 0 !important;
	padding:0 !important;
}

/* mod_box_06 */
.mod_box_06 {
	width:664px;
	margin-bottom:1.5em;
	background:#e6f7ff;
	border-top:#00a0e9 solid 3px;
	border-bottom:solid 1px #00a0e9;
	border-left:solid 1px #00a0e9;
	border-right:solid 1px #00a0e9;
}
.mod_box_06Innner {
	padding:3px 20px 10px 12px;
}
.mod_box_06 .bottom{
	margin:0;
	padding:0;
}
.mod_box_06 h3 {
	margin:5px 0 10px 0;
}
.mod_box_06 p {
	color:#333333;
	margin:3px 0 0 0 !important;
	padding:0 !important;
}

/* mod_box_07 */
.mod_box_07 {
	width:325px;
	margin-bottom:1.5em;
	background:#e6f7ff;
	border-top:#00a0e9 solid 3px;
	border-bottom:solid 1px #00a0e9;
	border-left:solid 1px #00a0e9;
	border-right:solid 1px #00a0e9;
}
.mod_box_07Innner {
	padding:3px 20px 10px 12px;
}
.mod_box_07 .bottom{
	margin:0;
	padding:0;
}
.mod_box_07 h3 {
	margin:5px 0 10px 0;
}
.mod_box_07 p {
	color:#333333;
	margin:3px 0 0 0 !important;
	padding:0 !important;
}
.mod_box_08 {
	width:668px;
	margin-bottom:1.5em;
	background:#ffffff;
}
.mod_box_08 .phtL{
	float:left;
	margin:0 10px 0 0;
	width:250px;
}
.mod_box_08 .phtR{
	float:right;
	margin:0 0 0 10px;
	width:250px;
}

/* data */
.data{
	margin:10px 0 10px 5px;
	padding:5px 10px;
	border:solid 1px #ccc;
	background:#f5f7f6 none;
}

/* 6. module table styles
==================================================*/
/* table_01 */
.table_01{
	margin:0 0 10px 0;
	border-right:solid 1px #fff;
}
.table_01 form{
	margin:0;
}
.table_01 table{
	width:100%;
	border-bottom:solid 1px #ffffff;
}
.table_01 table th{
	padding:5px 9px 5px 12px;
	font-weight:bold;
	background:#B9E7FC;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
	text-align:left;
}
.table_01 table tr.headline th{
	border-top:solid 1px #ffffff;
}
.table_01 table td{
	padding:10px 9px;
	background:#eff4fe;
	border-bottom:solid 1px #fff;
	text-align:left;
}
.table_01 tr.oddline td{
	background:#F4F4F4 none;
}
.table_01 tr.evenline td{
	background:#FFF none;
}

/* table_02 */
.table_02{
	margin:0 0 10px 0;
	border-right:solid 1px #fff;
}
.table_02 form{
	margin:0;
}
.table_02 table{
	width:100%;
	border-bottom:solid 1px #F4F4F4;
}
.table_02 table th{
	padding:5px 9px 5px 12px;
	font-weight:bold;
	width:25%;
	background:#c5cbf8;
	text-align:left;
	border-left:solid 1px #fff;
}
.table_02 table td{
	padding:10px 9px;
	border-left:solid 1px #eff4fe;
	border-bottom:solid 1px #fff;
	text-align:left;
	vertical-align: top;
	background:#dce7fd;
}

/* table_03 */
.table_03{
	width:400px;
	margin:0 0 10px 0;
	border-right:solid 1px #fff;
}
.table_03 form{
	margin:0;
}
.table_03 table{
	width:100%;
	border-bottom:solid 1px #F4F4F4;
}
.table_03 table th{
	padding:5px 9px 5px 12px;
	font-weight:bold;
	width:25%;
	background:#b9e7fc;
	text-align:left;
	border-left:solid 1px #eff4fe;
	border-bottom:solid 1px #fff;
}
.table_03 table td{
	padding:10px 9px;
	border-left:solid 1px #eff4fe;
	border-bottom:solid 1px #fff;
	text-align:left;
	vertical-align: top;
	background:#d1effd;
}

/* 7. module saerch box
==================================================*/
#search {
/*    background-image: url("img/dashed_line.gif");
	background-repeat: repeat-y;
	height: 100px;
	width: 220px;
*/
}
#searchform {
	bottom: 10px;
	float: right;
	right: 0;
}
#s {
	background:transparent url(../images/search_input.jpg) no-repeat left top;
	border: 0 solid #FFFFFF;
	float: left;
	width: 205px;
	height: 29px;
	padding:0 0 0 5px;
}
#searchsubmit {
	background:transparent url(../images/search_btn.jpg) no-repeat left top;
	border: 0 solid #ffffff;
	/*cursor: pointer;*/
	float: left;
	margin: 0;
	width: 44px;
	height: 29px;
}

