@charset "utf-8";
/* CSS Documenthttp://cms-professional.net/wp-content/themes/million/
/* --------------------------------------
ブラウザスタイル初期化
-------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{
margin:0;
padding:0;
}

body {
font-size:13px;
font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku','MS UI Gothic';
color:#3A4747;
}

img {
border:none;
}

a{
color:#1A5EDD;
text-decoration:none;
}

a:link {
color:#1A5EDD;
}

a:hover {
color:#1A5EDD;
text-decoration:underline;
}

a:visited {
color:#0000CC;
}

a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
}

p{
margin:0;
padding:0;
}

/* --------------------------------------
レイアウト定義
-------------------------------------- */
#wrapper {
width:750px;
margin:0px auto;
}


#header{
width:750px;
height:63px;
} 

#header .header_l{
width:480px;
float:left;
margin-top:5px;
}

#header .header_m{
width:266px;
float:left;
margin-top:11px;
line-height:1.3;
}

#header .header_r{
float:right;
text-align:right;
width:195px;
margin-top:10px;
}

.red{
color:#FF0000;
}

#news{
width:710px;
margin:10px 20px 10px 20px;
font-size:12px;
}

#main_img{
width:750px;
margin:10px 0px 0px 0px;
padding:0px;
}

#content{
width:520px;
margin:10px 20px 20px 0px;
_margin:5px 10px 20px 0px; 
font-size:13px;
line-height:1.6;
float:left;
padding:0px;
}

#content_side{
width:190px;
margin:25px 0px 20px 0px;
float:right;
}

#content2{
width:520px;
margin:10px 20px 20px 0px;
_margin:5px 10px 20px 0px; 
font-size:13px;
line-height:1.8;
float:left;
padding:0;
}

#content_side2{
width:210px;
margin:5px 0px 20px 0;
float:right;
padding:0;
}

#footer{
width:750px;
}

img #footer{
margin-left:20px;
}

#content_top{
width:750px;
margin:0px 0px 20px 0px;
font-size:13px;
line-height:1.4;
padding:0px;
}

#content_top table{
border:5px #4485e9 solid;
}

.content_left{
width:325px;
float:left;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:15px;
background-image:url(img/bg_feature1.jpg);
background-repeat:no-repeat;
height:226px;
padding:60px 20px 10px 20px;
}

.content_right{
width:325px;
float:left;
margin-bottom:15px;
margin-left:20px;
_margin-left:20px;
margin-right:0px;
background-image:url(img/bg_feature2.jpg);
background-repeat:no-repeat;
height:226px;
padding:60px 20px 10px 20px;
}


.content_left2{
width:325px;
float:left;
margin-top:0px;
margin-right:20px;
margin-bottom:20px;
_margin-bottom:10px;
height:226px;
background-image:url(img/bg_feature3.jpg);
background-repeat:no-repeat;
padding:60px 20px 10px 20px;
}

.content_right2{
width:325px;
float:left;
margin-bottom:20px;
_margin-bottom:10px;
height:226px;
background-image:url(img/bg_feature4.jpg);
background-repeat:no-repeat;
padding:60px 20px 10px 20px;
}


.content_bg_right2{
background-color:#eaf7fe;
padding:6px 10px 6px 10px;
height:170px;
}

#contact_area{
width:710px;
height:212px;
background-image:url(ihttp://cms-professional.net/wp-content/themes/million/img_contact_bg.jpg);
margin-left:20px;
}

#contact_area_left{
width:340px;
margin-left:15px;
_margin-left:7px;
padding:10px 20px 10px 10px;
_padding:10px 20px 10px 5px;
float:left;
height:200px;
background-color:#f7fefd;
border-top:#F5F5F5 1px solid;
border-bottom:#F5F5F5 1px solid;
border-left:#F5F5F5 1px solid;
}

#contact_area_right{
width:340px;
padding:10px 10px 10px 0px;
margin-right:10px;
float:left;
height:200px;
background-color:#f7fefd;
border-top:#F5F5F5 1px solid;
border-bottom:#F5F5F5 1px solid;
border-right:#F5F5F5 1px solid;
}

.reason_box{
width:176px;
float:left;
margin-right:15px;
margin-top:5px;
}

.reason_box_last{
width:176px;
float:left;
margin-top:5px;
}

.reason_box h3{
margin-bottom:5px;
}

.reason_box_last h3{
margin-bottom:5px;
}

ul .img_list{
list-style:none;
margin:0px;
padding:0px;
}

.img_list li{
margin-bottom:15px;
padding:5px;
list-style:none;
float:left;
}

/* --------------------------------------
文字スタイル定義
-------------------------------------- */

.detail{
background-image:url(img/icon_yajirushi.jpg);
background-repeat:no-repeat;
background-position:2px 4px;
padding-left:15px;
float:right;
}

h2{
font-weight:bold;
}

.top{
font-size:14px;
border-bottom:#666666 1px solid;
margin:0;
padding:0px;
width:500px;
}

.bg_base{
background-color: #ECF0F0;
border-left:#4485e9 solid 3px;
padding-left:7px;
margin-top:20px;
font-size:14px;
}

.bg_base2{
background-color: #ECF0F0;
border-left:#4485e9 solid 3px;
padding-left:7px;
font-size:14px;
}

.h2_main{
background-color:#4485e9;
padding:10px;
color:#FFFFFF;
font-size:16px;
}

h3{
font-size:14px;
}

.feature{
color:#4485e9;
font-size:14px;
margin:0px 0px 5px 0px;
padding:0px;
}

.feature3{
color:#4485e9;
font-size:14px;
margin:0px 0px 0px 0px;
border-bottom:#CCCCCC 1px solid;
}


.feature_white{
color:#FFFFFF;
font-size:14px;
}

.feature2{
color:#4485e9;
font-size:14px;
margin:0;
padding:0;
}

.feature3{
color:#4485e9;
font-size:14px;
margin:15px 0 15px 0;
padding:10px;
border-bottom:#666666 1px dotted;
}

.back_top{
background-image:url(img/btn_top.jpg);
background-position:0px 1px;
background-repeat:no-repeat;
padding-left:15px;
}

.back_top_wrapper{
float:right;
text-align:right;
margin-top:20px;
width:485px;
}

.mini_link{
float:right;
vertical-align:top;
margin-top:5px;
margin-left:20px;
font-size:11px;
font-weight:bold;
}

.important{
color:#4485e9;
font-size:14px;
}


/* --------------------------------------
グローバルナビ定義
-------------------------------------- */

/* --------------------------------------
グローバルナビ定義
-------------------------------------- */

#globalNav {
list-style-type:none;
width:750px;
}

#globalNav li {
float:left;
margin:0;
padding:0;
}

#globalNav li a {
display:block;
overflow:hidden;
height:40px; !important;
height /**/:40px;
margin-top:0px;
padding:0px;
}

#nav01 a {
background-position: 0 0;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:78px;
}

#nav02 a {
background-position: -78px 0;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:141px;
}

#nav03 a {
background-position: -219px 0;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:139px;
}

#nav04 a {
background-position: -358px 0;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:128px;
}

#nav05 a {
background-position: -486px 0;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:155px;
}

#nav06 a {
background-position: -641px 0;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:109px;
}

#nav01 a:hover {
background-position: 0 -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:78px;
}

#nav02 a:hover {
background-position: -78px -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:141px;
}

#nav03 a:hover {
background-position: -219px -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:139px;
}

#nav04 a:hover {
background-position: -358px -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:128px;
}

#nav05 a:hover {
background-position: -486px -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:155px;
}

#nav06 a:hover {
background-position: -641px -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:109px;
}

#nav01_hover a {
background-position: 0 -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:78px;
}

#nav02_hover a {
background-position: -78px -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:141px;
}

#nav03_hover a {
background-position: -219px -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:139px;
}

#nav04_hover a {
background-position: -358px -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:128px;
}

#nav05_hover a {
background-position: -486px -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:155px;
}

#nav06_hover a {
background-position: -641px -40px;
background-image:url(http://cms-professional.net/wp-content/themes/million/img/gnavi.jpg);
width:109px;
}





/* --------------------------------------
フッターナビ定義
-------------------------------------- */
#fnav{
    margin-top:20px;
	width: 700px;
	padding:0 25px 0 25px;
	_padding:0 25px 0 25px;
	height: 25px;
    list-style-type: none;
	float: left;
	background-color:#F9FBFB;
	font-size:12px;
}

#fnav li {
    width:100px;
    float: left;
	text-align:center;
	padding-top:6px;
	height:17px;
}

#fnav li a {
}

#fnav .last {
    width:99px;
    float: left;
	text-align:center;
	padding-top:6px;
	height:17px;
	border:none;
}	

#fnav2{
	width: 700px;
	margin-bottom:20px;
	margin-top:0px;
	padding-left:25px;
	padding-right:25px;
	height: 25px;
    list-style-type: none;
	float: left;
	font-size:12px;
	background-color:#F9FBFB;
}

#fnav2 li {
    width:110px;
    float: left;
	text-align:center;
	padding-top:6px;
	height:17px;
}

#fnav2 .last {
    width:110px;
    float: left;
	text-align:center;
	padding-top:6px;
	height:17px;
	border:none;
}	

#fnav3{
	width: 500px;
	padding:0 125px 0 125px;
	_padding:0 125px 0 125px;
    list-style-type: none;
	float: left;
	font-size:12px;
	margin:0px;
}

#fnav3 li {
    width:100px;
    float: left;
	text-align:center;
	padding-top:6px;
	height:17px;
}

#fnav3 li a {
}

#fnav3 .last {
    width:99px;
    float: left;
	text-align:center;
	padding-top:6px;
	height:17px;
	border:none;
}	

/* --------------------------------------
コンテンツスタイル定義
-------------------------------------- */

.service_content{
background-color:#F9FBFB;
padding:2px 10px 0px 10px;
margin-top:5px;
}

.service_content_special{
background-color: #ffffff;
padding:5px 10px 5px 10px;
margin-top:10px;

}

.service_content2{
padding:5px 10px 5px 10px;
margin-top:10px;
border-bottom:#999999 dotted 1px;
}

.service_content3{
padding:5px 10px 5px 10px;
width:500px;
margin-top:10px;
margin-bottom:10px;
border-bottom:#CCCCCC dotted 1px;
}

.service_content4{
padding:0px 10px 5px 10px;
margin-bottom:10px;
border-bottom:#CCCCCC dotted 1px;
}

.service_content5{
padding:0px 10px 5px 10px;
width:480px;
margin-bottom:10px;
}
 
.side1{
border-left:#4485e9 3px solid;
padding:10px;
border-right:#ccc 1px solid;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
line-height:1.6;
} 

.side2{
border-left:#4485e9 3px solid;
padding:10px;
border-right:#ccc 1px solid;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
margin-top:15px;
line-height:1.6;
} 

.side_list{
list-style:none;
margin-top:3px;
border-left:#4485e9 3px solid;
padding-left:10px;
margin-left:0;
}

.side_list li{
margin-bottom:7px;
border-bottom:#CCCCCC dotted 1px;
padding-bottom:3px;
}

.btn-slide_so{
font-size:9px;
color: #CCCCCC;
}

#fill_pannel_so{
padding:10px 20px 0px 20px;
font-size:9px;
display:none;
}

/* --------------------------------------
マニュアル用追加スタイル定義
-------------------------------------- */

.service_content6{
padding:0px;
width:500px;
margin-bottom:10px;
}

li #manual_list{
list-style:none;
}

.service_content ul{
list-style:none;
}

#pr{
font-size:10px;
}

/* --------------------------------------
汎用クラス定義
-------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}