@charset "utf-8";
/* CSS Document */


/*content--------------------------------*/

#wrap{
width: 960px;
height: auto;
}
h1,h2,h3{
display: inline;
}

/*右側--------------------------------*/
#wrap_right{
float: right;
display: inline;
height: auto;
width: 716px;
}
#pagetitle{
width: 716px;
height: 94px;
margin-top: -18px;
background-image: url("../img/ifune_title_bk.png");
background-repeat: no-repeat;
clear: both;
padding-top: 26px;
/*padding: 20px 0 0 50px;*/
}
#pagetitle h3{
margin-left: 23px;
font-size: 18px;
font-weight: bold;
}
#page_wrap{
background-color: #f7edda;
padding: 20px;
height: auto;
min-height: 920px;
}
#page_wrap_ifune{
height: auto;
padding: 20px 0 0 0px;
}
#page_wrap_ifune h4{
color: #ff6666;
font-size: 20px;
font-weight: bold;
}
#pagetitle{
font-size: 16px;
}
#ifunetitle_1{
display: block;
font-size: 20px;
}
#pagetitle h3{
float: left;
display: inline;
}
#pagetitle h4{
float:right;
display: inline;
padding: 20px 220px 0 0;
color: #fff;
text-align: right;
}



/*タブ*/
/* NEWS
----------------------------------------------- */
div#javascript_tab_sample ul#tab {
	float:left;
	display:inline;
	background-color: #ccc;
	margin-left: 34px;
		border-radius: 6px 6px 0px 0px;        /* CSS3草案 */  
	-webkit-border-radius: 6px 6px 0px 0px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px 6px 0px 0px;   /* Firefox用 */  
	}
div#javascript_tab_sample ul#tab li {
	text-align:center;
	float:left;
	width: 300px;
	padding: 10px 0;
	font-size: 18px;
	border-radius: 4px 0px 0px 0px;        /* CSS3草案 */  
	-webkit-border-radius: 4px 0px 0px 0px;   /* Safari,Google Chrome用 */  
	-moz-border-radius:4px 0px 0px 0px;   /* Firefox用 */  
	}
div#javascript_tab_sample ul#tab li#long_word2{
text-align:center;
float:left;
width: 300px;
font-size: 18px;
border-radius: 0px 4px 0px 0px;        /* CSS3草案 */  
-webkit-border-radius:  0px 4px 0px 0px;   /* Safari,Google Chrome用 */  
-moz-border-radius:  0px 4px 0px 0px; /* Firefox用 */  
}
	
div#javascript_tab_sample ul#tab li a{
	display: block;
	width: 300px;
}
div#javascript_tab_sample ul#tab li.selected{
	background-color:#333;
	}
div#javascript_tab_sample ul#tab li.selected a {
	color:#fff;
	}
div#javascript_tab_sample dl#tab_1 {
	padding:1em;
	border: 1px solid #ccc;
	background-color: #fff;
	clear:both;
	}

/*内容*/
#ifune_content th{
width: 120px;
color: #fff;
font-size: 14px;
}
.ifune1{
/*background-color: #99096a;*/
padding: 30px 0px 30px 20px;
display: block;
background: -webkit-gradient(linear, left top, right bottom, from(#99096a), to(#be2f8f));
background: -webkit-gradient(linear, left top, right bottom, from(#99096a), to(#be2f8f));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99096a', endColorstr='#be2f8f');

border-radius: 6px;        /* CSS3草案 */  
-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;   /* Firefox用 */  
}
.ifune2{
background-color: #99096a;
padding: 30px 0px 30px 20px;
border-radius: 6px;        /* CSS3草案 */  
-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;   /* Firefox用 */  
}
.ifune3{
background-color: #99096a;
padding: 30px 0px 30px 20px;
border-radius: 6px;        /* CSS3草案 */  
-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;   /* Firefox用 */  
}
.ifune1, .ifune2, .ifune3{
width: 120px;
}
#ifune_content td{
padding:5px 10px;
height: 76px;
line-height: 1.5em;
}






/*ifune*/

#service_content3{
	margin-top:10px;
}
#service_title2{
}
#service_content3_wrap{
	height:350px;
	border:1px solid #999;
	margin-top:10px;
	background-color: #F7EDDA;
}
#service_content3_wrap_left{
	float:left;
	display:inline;
	width:340px;
}
.service_content3_wrap_title{
	color:#99096a;
	font-size:18px;
	margin-top:14px;
	margin-left:10px;
}
#service_content3_wrap_wrap{
	width:390px;
	margin:16px 0 0 20px;
	line-height:140%;
}
#service_img1{
	float:right;
	display:inline;
	margin-top:30px;
	margin-right:30px;
}

#service_content4{
clear:both;
margin-top:14px;
}
#service_content4_left{
width:315px;
height:278px;
float:left;
display:inline;
border:1px solid #999;
background-color: #F7EDDA;
}
#service_content4_left p{
margin:10px 0 0 10px;
line-height:140%;
letter-spacing:-0.5px;
}

#service_content4_right{
width:315px;
height:278px;
float:right;
display:inline;
border:1px solid #999;
background-color: #F7EDDA;
}
#service_content4_right_img{
text-align:center;
margin-top:15px;
}
#service_content4_right p{
margin:10px 0 0 10px;
line-height:140%;
}

#service_content5{
clear:both;
height:258px;
border:1px solid #999;
margin-top:14px;
background-color: #F7EDDA;
}
#service_content5 p{
margin:10px 0 0 10px;
line-height:140%;
}
#service_content5_img{
margin:15px 0 0 20px;
}
#service_content6{
clear:both;
height:278px;
border:1px solid #999;
margin-top:14px;
	background-color: #F7EDDA;
}
#service_content6 p{
margin:10px 0 0 10px;
line-height:140%;
}
#service_content6_img{
margin:15px 0 0 20px;
}
#service_content7{
clear:both;
margin-top:14px;
}
#service_content7_left{
width:315px;
height:258px;
float:left;
display:inline;
border:1px solid #999;
	background-color: #F7EDDA;
}
#service_content7_left p{
margin:10px 10px 0 10px;
line-height:140%;
}
#service_content7_left_img{
margin:15px 0 0 20px;
}
#service_content7_img{
margin:15px 0 0 0px;
text-align:center;
}
#service_content7_right{
width:315px;
height:258px;
float:right;
display:inline;
border:1px solid #999;
	background-color: #F7EDDA;
}
#service_content7_right p{
margin:10px 10px 0 10px;
line-height:140%;
}
#service_content8{
clear:both;
margin-top:14px;
}
#service_content8_left{
width:315px;
height:340px;
float:left;
display:inline;
border:1px solid #999;
	background-color: #F7EDDA;
}
#service_content8_left p{
margin:10px 10px 0 10px;
line-height:140%;
}
#service_content8_img_left{
margin:25px 0 0 20px;
}
#service_content8_img_right{
margin:5px 0 0 12px;
}
#service_content8_right{
width:315px;
height:340px;
float:right;
display:inline;
border:1px solid #999;
	background-color: #F7EDDA;
}
#service_content8_right p{
margin:10px 10px 0 10px;
line-height:140%;
}
#service_content9{
clear:both;
border:1px solid #999;
margin-top:14px;
	background-color: #F7EDDA;
}

#service_content9_left{
height:auto;
float:left;
display:inline;
margin:10px 0 0 20px;
}
#service_content9_left_left{
float:left;
display:inline;
width:280px;
height:auto;
}
#service_content9_left_right{
float:right;
display:inline;
width:280px;
height:auto;
}
#service_content9_left img{
margin-bottom:10px;
}
#service_content9_right{
float:right;
display:inline;
margin:30px 10px 0 5px;
height:auto;
width: 330px;
}

#service_content9_right_moji{
margin-top:10px;
font-weight:bold;
}
#service_content9_right_waku{
height:294px;
}
#service_content9_right_box{
width:600px;
letter-spacing:-0.5px;
margin-bottom: 20px;
clear: both;
}
#service_content9 p {
  line-height:140%;
  margin:0px 10px 0 10px;
}
p#service_content9_moji{
margin:10px 0 0 10px;
/*line-height:140%;*/
}
p#service_content9_title{
margin-top: 10px;
}

#service_content9_right_con{
height: 198px;
padding-top: 0px;
}




.pagetitle{
background-image: url("../img/pagetitle.png");
background-repeat: no-repeat;
width: 332px;
height: 30px;
color: #fff;
padding-top: 4px;
padding-left: 20px;
font-size: 16px;
}
.pagetitle2{
background-image: url("../img/pagetitle2.png");
background-repeat: no-repeat;
width: 332px;
height: 30px;
color: #fff;
padding-top: 4px;
padding-left: 20px;
font-size: 16px;
}

/*ハード機器について*/
#page_wrap_ifune{
}
#h_content{
height: auto;
background-color: #fff;
clear: both;
padding: 10px 20px;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */  
}
.h_title{
font-size: 36px;
color: #000;
}
#ifune_content h5{
color: #af0a7b;
}
.right{
margin: 20px 10px 16px 0;
}
#h_content2{
height: auto;
background-color: #fff;
padding: 10px 20px;
margin-top: 20px;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */  
}
#h_content2_text{
margin-top: 20px;
float: left;
display: inline;
margin-left: 20px;
}
#h_content2 img{
margin-right: 30px;
margin-top: 20px;
}
#h_content2_text2{
clear: both;
height: 50px;
padding-top: 20px;
}

#h_content3{
height: auto;
background-color: #fff;
padding: 10px 20px;
margin-top: 20px;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */  
}
#h_content3_text{
margin-top: 20px;
float: left;
display: inline;
margin-left: 20px;
}
#h_content3 img{
margin-right: 30px;
margin-top: 20px;
}
#h_content3_text3{
clear: both;
height: 50px;
padding-top: 20px;
}


#h_content4{
height: auto;
background-color: #fff;
padding: 10px 20px;
margin-top: 20px;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */  
}




/*左側--------------------------------*/
#wrap_left{
float: left;
display: inline;
width: 226px;
}