@charset "utf-8";


/*UL*/
ul{
	padding:0px;
	margin:0px;
}

/*TITLE*/
.title-01 {
  width:99%;
  font-weight:normal;
  font-size:24px;/*18px*/
  border-bottom:dotted 2px #CCC;
  padding:30px 0 10px 0;
  margin:0px;
  clear:both;
  overflow:hidden;
  position:relative;
}
.title-01 a.btn02{
	display:inline-block;
	font-size:16px;
	text-decoration:none;
	position:relative;
	border:1px solid #ccc;
	color:#;
	padding:7px 10px;
	position:absolute;
	right:0;
	top:15px;
	color:#333;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}


.title-02 {
  width:99%;
  font-weight:normal;
  font-size:34px;
  line-height:1.5em;
  font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  color:#00407b;
  padding:0;
  margin:0px;
  clear:both;
}

.title-03 {
  width:99%;
  font-weight:normal;
  font-size:24px;
  line-height:1.5em;
  font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  color:#00407b;
  padding:0;
  margin:0px;
  clear:both;
}

.title-24px-bggreen{
	font-weight:normal;
	text-indent:20px;
	font-size:24px;
	line-height:2.4em;
	color:#FFF;
	background:#89c029;
}

/*TXT*/
.txt-mintyou{
  font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;	
}

.txt-16px{
	font-size:16px !important;
}

.txt-18px{
	font-size:18px !important;
}

.txt-20px{
	font-size:20px !important;
}

.txt-red{
	color:#F00  !important;
}

.txt-white{
	color:#FFF !important;
}

.txt-normal{
	font-weight:normal !important;
}

.txt-color-orange{
	color:#ff8400;
}

.txt-bgblue{
	background:#077dbb;
}

.txt-color-blue{
	color:#508fb7;
}

.txt-color-green{
	color:#629a09;
}

.border-no{
	border:none !important;
}

.padding-top20px{
	padding:20px 0 0 0 !important;
}

.padding-bottom20px{
	padding:0 0 20px 0 !important;
}


.margin-top-bottom-15px{
margin:15px 0 15px 0 !important;
}

/*BUTTON*/
.btn01 {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#333;
	border:solid 1px #CCC;
	padding:10px 10px 10px 10px;
}

.btn01:hover{
	color:#FFF;
	background:#2C67A9;
}

/*TABLE*/
.table01 {
  width:750px;
  height:auto;
  line-height:1.9em;
  padding:0px;
  margin:0px auto;
}

@media screen and (max-width: 640px) {
.table01 {
  width:100%;
  height:auto;
  line-height:1.9em;
  padding:0px;
  margin:0px auto;
}
}

.table01 th{
  width:100px;
  text-align:left;
  font-weight:normal;
  color:#FFF;
  border-bottom:dotted 1px #FFF;
  background:#06C;
  padding:10px;
}

@media screen and (max-width: 640px) {
.table01 th{
  width:20%;
  text-align:left;
  font-weight:normal;
  color:#FFF;
  border-bottom:dotted 1px #FFF;
  background:#06C;
  padding:10px;
}	
}

.table01 td{
  font-weight:normal;
  color:#333;
  background:#FFF;
   border-bottom:dotted 1px #CCC;
  padding:10px;
}

/*TABLE*/
.table02 {
  width:auto;
  height:auto;
  line-height:1.9em;
  padding:0px;
  margin:0px auto;
}

.table02 th{
  text-align:left;
  font-weight:normal;
  color:#FFF;
  border-bottom:dotted 1px #FFF;
  background:#06C;
  padding:10px;
}

.table02 td{
  font-weight:normal;
  color:#333;

   border-bottom:dotted 1px #CCC;
  padding:10px;
}

/*��Јē�Ŏg�p*/
.box-01 {
	width:790px;
	height:auto;
	padding:30px 0 0 0;
	margin:0px auto;
	clear:both;
}

@media screen and (max-width: 640px) {
.box-01 {
	max-width:98%;
	height:auto;
	padding:30px 0 0 0;
	margin:0px auto;
	clear:both;
}
}

.box-01 p{
	font-size:12px;
	line-height:180%;
	padding:20px;
	margin:0px;
}

.box-01 a{
color:#333333;
}

.box-01 a:hover{
color:#003399;
}

.box-01 h3{
	font-weight:normal;
	font-size:12px;
	padding:0 0 15px 0;
	margin:0px;
}

.box-01-table{
	width:770px;
	height:auto;
	border-left:solid 1px #EEE;
	border-right:solid 1px #EEE;
	border-bottom:solid 1px #EEE;
	padding:0px;
	margin:0px auto;
}

@media screen and (max-width: 640px) {
.box-01-table{
	width:98%;
	height:auto;
	border-left:solid 1px #EEE;
	border-right:solid 1px #EEE;
	border-bottom:solid 1px #EEE;
	padding:0px;
	margin:0px auto;
}
}


.box-01-table th{
width:130px;
text-align:left;
	font-weight:normal;
	color:#FFF;
	background:#9FB912;
	border-top:solid 1px #EEE;
	border-right:solid 1px #CCCCCC;
	padding:10px;
	margin:0px;
}

@media screen and (max-width: 640px) {
.box-01-table th{
	width:20%;
	text-align:left;
	font-weight:normal;
	color:#FFF;
	background:#9FB912;
	border-top:solid 1px #EEE;
	border-right:solid 1px #CCCCCC;
	padding:10px;
	margin:0px;
}	
}

.box-01-table td{
	font-weight:normal;
	color:#333;
	background:#FFF;
	line-height:1.8em;
	border-top:solid 1px #EEE;
	padding:10px;
	margin:0px;
}

@media screen and (max-width: 640px) {
.box-01-table td{
	font-weight:normal;
	color:#333;
	background:#FFF;
	line-height:1.8em;
	border-top:solid 1px #EEE;
	padding:10px;
	margin:0px;
}	
}


/*MENU*/
.box-02 {
	width:780px;
	height:auto;
	padding:0px;
	margin:0px auto;
	clear:both;
}

@media screen and (max-width: 640px) {
.box-02 {
	width:98%;
	height:auto;
	padding:0px;
	margin:0px auto;
	clear:both;
}
}

.box-02 ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.box-02 ul li{
	float:left;
	width:240px;
	height:auto;
	font-weight:bold;
	padding:5px;
	margin:0px;
}

.box-02 ul li a{
	display:block;
	width:240px;
	height:auto;
	font-size:14px;
	color:#333333;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px 0;
}

.box-02 ul li a:hover{
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	color:#FFFFFF;
	background:#0059BA;
}

.box-02 ul li a span{
	font-weight:normal;
	font-size:10px;
}


/*�z�[���y�[�W*/
.box-03 {
	width:780px;
	height:auto;
	padding:30px 0 0 0;
	margin:0px auto 30px;
	clear:both;
}

@media screen and (max-width: 640px) {
.box-03 {
	width:100%;
	height:auto;
	padding:30px 0 0 0;
	margin:0px auto;
	clear:both;
}	
}

.box-03 h3{
	width:750px;
	height:auto;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:10px;
	margin:0px auto;
}

@media screen and (max-width: 640px) {
.box-03 h3{
	width:98%;
	height:auto;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:10px;
	margin:0px auto;
}	
}

.box-03 table{
	width:750px;
	height:auto;
	font-size:12px;
	line-height:180%;
	margin:15px auto;
}

@media screen and (max-width: 640px) {
.box-03 table{
	width:100%;
	height:auto;
	font-size:12px;
	line-height:180%;
	margin:15px auto;
}	
}

.box-03 table tr:hover{
	background:#EEE;
}

.box-03 table th{
	text-align:left;
	font-weight:normal;
	font-size:14px;
	border-bottom:dotted 1px #DDD;

	padding:10px 10px 10px 20px;
}

.box-03 table th strong{
font-size:15px;
color:#0059BA;
}

.box-03 table td{
width:150px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	border-bottom:dotted 1px #DDD;
	background:#9FB912;
	padding:10px;
}

/*���j���[*/
.box-04 {
	width:760px;
	height:auto;
	padding:20px 0 0 0;
	margin:0 0 0 20px;
}

.box-04 ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	clear:both;
}

.box-04 ul li{
	float:left;
	margin:0 6px 0 0;
}

.box-04 ul li a{
	display:block;
	width:145px;
	height:23px;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-size:12px;
	background:#D9E9F0;

	padding:10px 0 5px 0;
}

.box-04 ul li a:hover{
	color:#FFFFFF;
	background:#0059BA;
}

.netshopresultBoxList {
	float:left;
	width:250px;
	height:370px;
	text-align:center;
	line-height:1.5em;
	font-size:80%;
	background:#f2f2f2;
	padding:10px 0 0 0 !important;
	margin:0 5px 5px 0;
}


.netshopresultBoxList img{
	width:225px !important;
	padding:0px !important;
	margin:0px !important;
	clear:both;
}

.netshopresultBoxList a{
	text-decoration:none;
	color:#333;
	padding:0px !important;
	margin:0px !important;
}




/***********************************************/
/*�z�[���y�[�W����*/
/***********************************************/
.box-seisaku01 {
	width:620px;
	height:auto;
	background:url(../img/seisaku/bg-01.jpg)  no-repeat top;
	padding:40px 0 0 150px;
	margin:0px;
	clear:both;
}

@media screen and (max-width: 640px) {
.box-seisaku01 {
	width:100%;
	height:auto;
	background:none;
	padding:10px 0 0 0px;
	margin:0px;
	clear:both;
}
}

.box-seisaku01 h2{
	font-weight:normal;
	font-size:18px;
	color:#0757b0;
	padding:0 0 10px 0;
	margin:0px;
}

.box-seisaku01 p{
	line-height:1.7em;
	padding:0 5px 10px 5px;
	margin:0px;
}

.box-seisaku02 {
	width:770px;
	height:auto;
	padding:30px 0 30px 0;
	margin:0px auto;
}

@media screen and (max-width: 640px) {
.box-seisaku02 {
	width:100%;
	height:auto;
	padding:30px 0 30px 0;
	margin:0px auto;
	text-align:center;
}
}

.box-seisaku02 img{
	margin:5px;
	border:solid 5px #CCC;
}

.box-seisaku02 img:hover{
	margin:5px;
	border:solid 5px #00F;
}

.box-seisaku03 {
	width:770px;
	height:auto;
	text-align:center;
	padding:0px;
	margin:20px auto;
}

@media screen and (max-width: 640px) {
.box-seisaku03 {
	width:100%;
	height:auto;
	text-align:center;
	padding:0px;
	margin:20px auto;
}
}

.box-seisaku03 img{
  margin:5px;	
}

.box-seisaku04 {
	width:730px;
	height:auto;
	border:solid 5px #DDD;
	padding:0px;
	margin:25px auto;
	clear:both;
}

.box-seisaku04 p{
  font-size:12px;
  line-height:1.8em;
  padding:10px;
  margin:0px;
}

.box-seisaku05 {
	width:770px;
	height:auto;
	text-align:center;
	padding:0px;
	margin:20px auto;
}

.box-seisaku06 {
	width:770px;
	height:auto;
	padding:25px 0 0 0;
	margin:0;
	clear:both;
}

@media screen and (max-width: 640px) {
.box-seisaku06 {
	width:100%;
	height:auto;
	padding:25px 0 0 0;
	margin:0;
	clear:both;

}
}

@media screen and (max-width: 640px) {
.box-seisaku06-ttl01-icon {
	display:none;
}
}

.box-seisaku06-ttl01{
	font-size:27px;
	font-weight:normal;
	line-height:1.3em;
	color:#024e94;
	padding:5px 0 0 0;
}

.box-seisaku06-ttl02{
font-weight:normal;
font-size:20px;
line-height:2.0em;
border-bottom:dotted 2px #CCC;
padding:10px 0 0px 0;
margin:0px;
}

.box-seisaku06-txt {
	float:left;
	width:100%;
	font-size:15px;
	line-height:1.8em;
	padding:10px 0 10px 0;
	margin:0px;
}

.box-seisaku06-sitemaplist{
	padding:0px;
	margin:0px;
}

.box-seisaku06-sitemaplist ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.box-seisaku06-sitemaplist ul li{
	list-style-type:none;
float:left;
	margin:5px;
}

.box-seisaku-m {
	list-style-type:none;
	width:100%;
	height:auto;
	padding:0px;
	margin:20px 0 0 0;
}

@media screen and (max-width: 640px) {
.box-seisaku-m {
	width:100%;
	list-style-type:none;
	float:none;
	width:auto;
	height:auto;
	padding:0px;
	margin:20px 0 0 0;
}
}


.box-seisaku-m li{
	float:left;
	width:111px;
	height:auto;
	text-align:center;
	border:solid 3px #DDD;
	padding:2px 2px 0 2px;
	margin:0 5px 5px 0;
}

.box-seisaku-m li p{
	border-top:dotted 1px #CCC;
	padding:3px;
}

.box-seisaku-m li p a{
	text-decoration:none;
	color:#333;
	font-size:12px;
}

.box-seisaku-qa {
	width:100%;
	height:auto;
	list-style-type:none;
	line-height:1.7em;
	border:solid 3px #DDD;
	padding:15px;
	margin:5px;
	clear:both;
}

.box-seisaku-qa .q{
	background:url(../../img/seisaku/q.gif) no-repeat left;
	padding:10px 0 10px 50px;
	margin:0px;
}

.box-seisaku-qa .a{
	background:url(../../img/seisaku/a.gif) no-repeat left;
	padding:10px 0 10px 50px;
	margin:0px;
}

.box-seisaku06-flow {
	border-top:solid 1px #DDD;
	list-style-type:none;
	width:100%;
	height:auto;
	padding:0 15px 40px 15px;
	margin:5px;
	clear:both;
}

.box-seisaku06-flow .step{
	float:left;
	width:70px;
	border-right:solid #09559b 3px;
	padding:20px 0 20px 0;
}

@media screen and (max-width: 640px) {
.box-seisaku06-flow .step{
	float:none;
	width:100%;
	height:auto;
	overflow:hidden;
	border-right:none;	
	border-bottom:solid #09559b 3px;
	padding:20px 0 20px 0;
}
}

.box-seisaku06-flow .txt{
	float:left;
	width:630px;
	font-size:14px;
	line-height:1.6em;
	padding:15px 0 20px 15px;
}

@media screen and (max-width: 640px) {
.box-seisaku06-flow .txt{
	width:100%;
	font-size:14px;
	line-height:1.6em;
	padding:15px 0 20px 15px;
}
}


.box-seisaku06-flow .txt h3{
	font-size:16px;
	color:#09559b;
	margin:0px;
}

.box-seisaku06 #feed-rapper{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	clear:both;
}

.box-seisaku06 #feed-rapper ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.box-seisaku06 #feed ul li{
    background: none repeat scroll 0 0 #EEEEEE;
    border: 2px solid #DDDDDD;
    float: left;
    height: 250px;
    margin: 3px;
    padding: 7px 8px 3px 0;
    text-align: center;
    width: 172px;
}

@media screen and (max-width: 640px) {
#feed-rapper{
	width:100%;
	height:2000px;
	overflow:auto;
	padding:0px;
	margin:0 0 20px 0;
	clear:both;
}
}

#feed-rapper{
	width:100%;
	height:760px;
	overflow:auto;
	padding:0px;
	margin:0 0 20px 0;
	clear:both;
}


#feed-rapper ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#feed ul li{
	float:left;
	width:45%;
	margin:10px 0 10px 8px;
	font-size:12px;
	text-align:center;
}

#feed ul li img{
	max-width:97%;
	height:auto;
}

#feed ul li a{
	text-decoration:none;
	color:#333;
}

.map-contents-ttl {
	font-weight:normal;
	padding:30px 0 0 0;
	line-height:1.8em;
}


.map-contents {
	width:100%;
	font-weight:normal;
}



@media screen and (max-width: 640px) {
.box-seisaku06 #feed ul li{
    background: none repeat scroll 0 0 #EEEEEE;
    border: 2px solid #DDDDDD;
    float: left;
    height: 250px;
	line-height:1.4em;
	font-size:12px;
    margin: 3px;
    padding: 7px 0 3px 5px;
    text-align: center;
    width: 150px;
}
}


.box-seisaku06 #feed ul li a{
	text-decoration:none;
	color:#333;
}

.box-seisaku06 #feed ul li img{
width:160px;
height:180px;
margin:0 0 10px 0;	
}

@media screen and (max-width: 640px) {
.box-seisaku06 #feed ul li img{
width:135px;
height:auto;
margin:0;
}
}


/***********************************************/
/*�|�[�^���T�C�g*/
/***********************************************/
.box-portalsite {
	width:780px;
	height:auto;
	padding:0px;
	margin:0px auto;
}

.box-portalsite h3{
	width:750px;
	height:auto;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:10px;
	margin:0px auto;
}

.box-portalsite p{
	line-height:180%;
	padding:15px;
}

.box-portalsite p strong{
	color:#0059BA;
	line-height:200%;
	font-size:14px;
}

.box-portalsite ul{
	list-style-type:none;
	background:#EEE;
	overflow:auto;
	padding:15px;
	clear:both;
}

.box-portalsite ul li{
float:left;
text-align:center;
margin:20px;
}

.box-portalsite ul li img{
margin:0 0 10px 0;
}

.box-portalsite ul li a{
color:#333333;
text-decoration:none;
}

.box-portalsite ul li a:hover{
color:#0033CC;
}


/*���q�l�̐�*/
.box-voice {
  width:730px;
  height:auto;
  border-bottom:dotted 1px #CCC;
  padding:0 0 20px 0;
  margin:0px auto;
  clear:both;
}

.box-voice h3{
  font-weight:normal;
  padding:15px 0 15px 0;
  margin:0px;
}

.box-voice p{
  font-size:12px;
  line-height:1.8em;
  padding:0px;
  margin:0px;
}

.box-voice img{
  float:left;	
}

/*�悭���鎿��*/
.box-portalsite-qa {
	width:750px;
	height:auto;
	padding:10px;
	margin:0px auto;
}

.box-portalsite-qa h3{
	width:730px;
	height:auto;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:10px;
	margin:0px auto;
}

.box-portalsite-qa h4{
	margin:15px 0 7px 0;
	font-weight:normal;
	font-size:18px;
	color:#0059BA;
	margin:30px 0 8px 0;
}

.box-portalsite-qa a{
	display:block;
	width:700px;
	height:auto;
	text-decoration:none;
	color:#333333;
	border-bottom:dotted 1px #CCCCCC;
	background:url(../img/ac-01.gif) no-repeat left;
	padding:7px 0 7px 20px;
	margin:0px auto;
}

.box-portalsite-qa a:hover{
	color:#FF0000;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
}

.box-portalsite-qa div{
	width:750px;
	height:auto;
	margin:20px 0 10px ;
}

.box-portalsite-qa div ul{
	list-style-type:none;
	line-height:160%;
	padding:0px;
	margin:0px;
}

.box-portalsite-qa div ul p{
padding:0px;
margin:30px 0 5px 0;
	padding:0;
}

.box-portalsite-qa div .q{
color:#184DC5;
font-size:18px;

margin:0 0 10px 0;
}

/*�`���V*/
.box-print {
  width:750px;
  height:auto;
  padding:0px;
  margin:0px auto;
  clear:both;
}

@media screen and (max-width: 640px) {
.box-print {
  width:100%;
  height:auto;
  padding:0px;
  margin:0px auto;
  clear:both;
}
}

.box-print h2{
	width:730px;
	height:auto;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:10px;
	margin:0px auto;
}

@media screen and (max-width: 640px) {
.box-print h2{
	width:95%;
	height:auto;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:10px;
	margin:0px auto;
}
}


.box-print p{
line-height:2.0em;	
}

.box-print p img{
	float:left;
	margin:0 20px 0 0;
}

@media screen and (max-width: 640px) {
.box-print p img{
	float:none;
	margin:0 20px 0 0;
	clear:both;
}
}


/*MEISHI*/
#meishi {
	width:620px;
	height:auto;
	padding:0px;
	margin:0px;
}

#meishi div{
	font-size:12px;
	line-height:1.7em;
}

#meishi div img{
	float:left;
	margin:0 8px 0 0;
}

#meishi h3{
	font-weight:normal;
	font-size:16px;
	padding:0px;
	margin:0px;
}

.meishi_pnavi {
	padding:15px 0 15px 0;
}

.meishi_pnavi a{
	display:inline;
}



/*�v����*/
.box-portalsite-plan {
	width:750px;
	height:auto;
	padding:10px;
	margin:0px auto;
}

.box-portalsite-plan h2{
	width:730px;
	height:auto;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:10px;
	margin:0px auto;
}

.box-portalsite-plan ul{
	list-style-type:none;
	padding:5px;
	margin:0px;
}

.box-portalsite-plan ul li{
	padding:5px 0 5px 0px;
	background:url(../img/ac-01.gif) left no-repeat;
	border-bottom:dotted 1px #CCC;
	padding:8px 0 8px 15px;
}

.box-portalsite-plan p{
	width:710px;
	background:#EEE;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
  padding:10px;
  margin:15px auto;
}

.box-portalsite-plan p em{
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	line-height:2.0em;
}

.box-portalsite-plan p strong{
  color:#C00;
}



/*�v����*/
.box-portalsite-function {
	width:750px;
	height:auto;
	padding:10px;
	margin:0px auto;
}

.box-portalsite-function h2{
	width:730px;
	height:auto;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:10px;
	margin:0px auto;
}

.box-portalsite-function ul{
	list-style-type:none;
	width:700px;
	padding:5px;
	margin:0px auto;
}

.box-portalsite-function ul li{
	padding:5px 0 5px 0px;
	background:url(../img/ac-01.gif) left no-repeat;
	border-bottom:dotted 1px #CCC;
	padding:8px 0 8px 15px;
}

.box-portalsite-function p{
	width:710px;
	background:#EEE;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
  padding:10px;
  margin:15px auto;
}

.box-portalsite-function p em{
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	line-height:2.0em;
}

.box-portalsite-function p strong{
  color:#C00;
}


/*�����e�i���X*/
.box-support {
	width:750px;
	height:auto;
	padding:0px;
	margin:0px auto;
}

.box-support img{
margin:10px 0 10px 0;	
}

.box-support p{
	color:#FFF;
	line-height:180%;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:10px;
}

.box-support div{
margin:10px 0 20px 0;	
}

.box-support div ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.box-support div ul li{
	color:#FFF;
	line-height:180%;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#FFF;
	border:solid 3px #0059BA;
	padding:10px;
	margin:10px 0 10px 0;
}

.box-support div ul li strong{
	font-size:15px;
	color:#0059BA;
}

.box-support div ul li p{
color:#333;
  background:none;
  padding:5px;
  margin:0px;
}

.box-support div img{
  float:left;
  margin:10px 25px 50px 0;
}

.box-support div p{
	color:#333;
	background:#FFF;
	line-height:180%;
	padding:0px;
	margin:0px;
}

.box-support div p strong{
	color:#0059BA;
	font-weight:normal;
	font-size:18px;
	line-height:180%;
}




/*****************************************/
/*OTER SERVICE*/
.box-otherservice {
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
}

.box-otherservice h2{
	width:99%;
	height:auto;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:10px;
	margin:20px 0 10px 0;
}

.box-otherservice h3{
	font-weight:normal;
	font-size:17px;
	color:#0059ba;
	padding:14px 0 10px 0;
	margin:0px;
}

.box-otherservice ul{
	width:100%;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.box-otherservice ul li{
	float:left;
	margin:0 7px 5px 0;
}

@media screen and (max-width: 640px) {
.box-otherservice ul li{
	float:none;
	margin:0 7px 5px 0;
}	
}

.box-otherservice ul li a{
	display:block;
	width:244px;
	height:auto;
	text-decoration:none;
	color:#333333;
	line-height:1.6em;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#F6F6F6;
	border:solid 1px #DDD;
	padding:5px;
}

@media screen and (max-width: 640px) {
.box-otherservice ul li a{
	display:block;
	width:100%;
	height:auto;
	text-decoration:none;
	color:#333333;
	line-height:1.6em;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#F6F6F6;
	border:none;
	padding:5px;
}
}

.box-otherservice ul li a:hover{
	background:#CEF7FF;
	border:solid 1px #666666;
}

@media screen and (max-width: 640px) {
.box-otherservice ul li a:hover{
	background:#CEF7FF;
	border:none;
}	
}

.box-otherservice ul li a strong{
	font-size:14px;
	color:#0059ba;
}




/*****************************************/
/*SEO�Љ�*/

.seo-subm {
	width:780px;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

@media screen and (max-width: 640px) {
.seo-subm {
	width:100%;
	list-style-type:none;
	padding:0px;
	margin:0px;
}
}



.seo-subm li a{
	font-size:14px;
	display:block;
	color:#333;
	text-decoration:none;
	border-bottom:dotted 1px #CCC;
	padding:7px 0 7px 15px;
}

.seo-subm li a:hover{
	color:#333;
	background:#BDDAF7;
}

.box-seo01 {
	width:750px;
	height:auto;
	padding:0px;
	margin:0px auto;
	clear:both;
}

.box-seo01 p{
	padding:10px;
	line-height:1.8em;
	margin:0px auto;
	clear:both;
}

.box-seo01 h2{
  padding:0 0 20px 0;
  margin:30px 0 15px 0;
  clear:both;
}

.box-seo01 h3{
	width:170px;
	font-weight:normal;
	color:#FFF;
	font-size:12px;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:5px;
	margin:15px 0 0 0;
  clear:both;
}

.box-seo01 p strong{
font-size:14px;
color:#F00;
}

.box-seo01 img{
float:right;	
}

.box-seo-table {
	width:750px;
	height:auto;
	font-size:12px;
	border-top:solid 1px #555;
	border-left:solid 1px #555;
	padding:0px;
	margin:0px auto;
}

.box-seo-table strong{
color:#F00;	
}

.box-seo-table em{
	font-style:normal;
color:#2E56AB;
}

.box-seo-table th{
	border-bottom:solid 1px #555;
	border-right:solid 1px #555;
	background:#EEE;
	padding:5px;
}

.box-seo-table td{
	border-bottom:solid 1px #555;
	border-right:solid 1px #555;
	padding:5px;
}

/*****************************************/
/*SEO*/
.box-parts {
	width:775px;
	height:auto;
	line-height:1.9em;
	padding:15px 0 15px 0;
	margin:0px auto;
	clear:both;
}
	


@media screen and (max-width: 640px) {
.box-parts {
	width:100%;
	height:auto;
	line-height:1.9em;
	padding:15px 0 15px 0;
	margin:0px auto;
	clear:both;
}
}



.box-parts h2{
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#DDD;
	padding:8px;
	margin:0px;
}

.box-parts h3{
	font-size:16px;
	color:#0059ba;
	border-bottom:dotted 1px #999;
	padding:10px 0 5px 0;
	margin:20px 0 5px 0;	
}

.box-parts p{
	padding:10px;
	margin:0px;
}

.box-parts p em{
	font-style:normal;
	font-size:12px;
	color:#FFF;
	border-radius: 3px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#F90;
	padding:5px;
	margin:10px 0 5px 0;
	clear:both;
}

.box-parts p strong{
	display:block;
	width:170px;
	font-weight:normal;
	color:#FFF;
	font-size:12px;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:5px;
	margin:15px 0 8px 0;
  clear:both;
}

.box-parts p a{
font-weight:bold;
text-decoration:none;
color:#039;
}

.box-parts img{
  margin:0 0 0 10px;	
}

.box-parts ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.box-parts ul li{
float:left;
width:240px;
height:340px;
text-align:center;
background:#EEE;
border:solid 2px #DDD;
padding:7px 8px 3px 0;
margin:3px;
}

@media screen and (max-width: 640px) {
.box-parts ul li{
float:left;
width:47%;
height:340px;
text-align:center;
background:#EEE;
border:solid 2px #DDD;
padding:7px 8px 3px 0;
margin:3px;
}	
}

.box-parts ul li img{
	text-align:center;
border:solid 1px #FFF;	
}

@media screen and (max-width: 640px) {
.box-parts ul li img{
	width:90%;
	height:auto;
	text-align:center;
border:solid 1px #FFF;	
}
}

.box-parts ul li a{
	text-decoration:none;
	color:#333;
}

.box-parts ul li a:hover{
	text-decoration:none;
	color:#039;
}


/*===================================================*/
/*PRICE BOX*/
/*===================================================*/
.box-price {
	width:605px;
	height:auto;
	padding:0px;
	margin:0px auto;
}

.box-price ul{
	list-style-type:none;
	font-size:12px;
	padding:0px;
	margin:0px;
}

.box-price ul li{
	margin:0 0 20px 0;
}

.price10 {
	width:505px;
	height:37px;
	background:url(../../movie/img/pric10.gif) no-repeat;
	padding:50px 0 0 100px;
}

.price15 {
	width:505px;
	height:37px;
	background:url(../../movie/img/price15.jpg) no-repeat;
	padding:50px 0 0 100px;
}

.price20 {
	width:505px;
	height:37px;
	background:url(../../movie/img/price20.jpg) no-repeat;
	padding:50px 0 0 100px;
}

.box-price p{
	font-size:12px;
	line-height:1.7em;
	background:#F0F0F0;
	padding:10px;
	margin:0px;
}

.box-price p strong{
	display:block;
	width:100%;
	height:20px;
	font-weight:normal;
	border-bottom:dotted 1px #999999;
	margin:0 0 7px;
}

/*==============================================================*/
/*LOWPRICE*/
/*==============================================================*/
.box-lowprice01{
	width:750px;
	height:auto;
	padding:20px 0 20px 0;
	margin:0px auto;
	clear:both;
}

@media screen and (max-width: 640px) {
.box-lowprice01{
	width:98%;
	height:auto;
	padding:20px 0 20px 0;
	margin:0px auto;
	clear:both;
}
}


.box-lowprice01 h3{
	font-size:24px;
	margin:0px;
}

.box-lowprice01 p{
	line-height:1.8em;
	margin:15px 0 15px 0;
}

.box-lowprice02 {
	width:750px;
	height:auto;
	padding:0;
	margin:0px auto;
	clear:both;
}


@media screen and (max-width: 640px) {
.box-lowprice02 {
	width:100%;
	height:auto;
	padding:0;
	margin:0px auto;
	clear:both;
}
}

.box-lowprice02 img{
	float:left;
	margin:0 15px 0 0;
}

.box-lowprice02 ul{
	float:right;
	width:750px;
	list-style-type:none;
	padding:0px;
	margin:0px auto;
}

@media screen and (max-width: 640px) {
.box-lowprice02 ul{
	float:none;
	width:100%;
	list-style-type:none;
	padding:0px;
	margin:0px auto;
}
}

.box-lowprice02 ul li{
	line-height:1.8em;
	clear:both;
}

.box-lowprice02 ul li a{
	float:right;
	display:block;
	width:120px;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0059BA;
	padding:4px;
	margin:10px 0 10px 0;
	clear:both;
}

.box-lowprice02 ul li a:hover{
	border-radius: 5px;		/* CSS3���� */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 5px;	/* Firefox�p */
	background:#0C27AB;
}

.box-lowprice02 ul li img{
float:left;
}


.box-lowprice02 ul li p{
float:right;
width:530px;
padding:5px 0 0 0;
margin:0px;
}

@media screen and (max-width: 640px) {
.box-lowprice02 ul li p{
float:none;
width:100%;
padding:5px 0 0 0;
margin:0px;
}
}

.box-lowprice02 ul li h3{
	font-size:26px;
	color:#0056bd;
	padding:20px 0 5px 0;
	margin:5px 0 10px 0;
}

.box-lowprice03{
	width:750px;
	height:auto;
	padding:0px;
	margin:15px auto;
}

@media screen and (max-width: 640px) {
.box-lowprice03{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto;
}
}

.box-lowprice03 h3{
	font-size:26px;
	color:#0056bd;
}

.box-lowprice03 table{
	width:750px;
	height:auto;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	padding:0px;
	margin:0px;
}

@media screen and (max-width: 640px) {
.box-lowprice03 table{
	width:100%;
	height:auto;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	padding:0px;
	margin:0px;
}
}

.box-lowprice03 table th{
	background:#0070EA;
	border-bottom:solid 1px #CCC;
	padding:8px 4px 8px 4px;
}

.box-lowprice03 table td{
	background:#E0ECF8;
	color:#000000;
	border-bottom:solid 1px #CCC;
	padding:8px 4px 8px 8px;
}


/*==============================================================*/
/*MAP*/
/*==============================================================*/
.zenkokumap-01 {
	width:100%;
	height:auto;
	padding:0px;
	margin:30px auto;
}

.zenkokumap-01 table{
	width:100%;
}

.zenkokumap-01 table th{
	width:100px;
	font-weight:normal;
	color:#FFF;
	background:#2B64CE;
	padding:5px;
	margin:0px;
}

.zenkokumap-01 table td{
	color:#333;
	background:#EEE;
	padding:5px;
	margin:0px;
}

.zenkokumap-01 a{
	text-decoration:none;
	color:#333333;
}

.zenkokumap-01 a:hover{
	text-decoration:underline;
}


.zenkokumap-02 {
	width:100%;
	height:auto;
	padding:0px;
	margin:30px auto;
}

.zenkokumap-02 dt{
	color:#FFF;
	text-align:left;
	text-indent:10px;
	background:#2B64CE;
	border-bottom:solid 1px #FFFFFF;
	padding:5px;
	margin:0px;
}

.zenkokumap-02 dd{
	color:#333;
	background:#EEE;
	border-bottom:solid 1px #FFFFFF;
	padding:20px;
	margin:0px;
}

.zenkokumap-02 dd a{
	display:inline;
	text-decoration:none;
	color:#333333;
}

.zenkokumap-02 dd a:hover{
	text-decoration:underline;
}

.zenkokumap-03 {
	width:100%;
	height:auto;
	padding:0px;
	margin:30px auto;
}

.zenkokumap-03 h3{
	font-weight:normal;
	color:#FFFFFF;
	background:#2B64CE;
	padding:5px;
	margin:0px;
}

/*==============================================================*/
/*Q&A*/
/*==============================================================*/
.qa {
	width:740px;
	height:auto;
	padding:10px;
	margin:0px auto;
	border:dotted 1px #CCC;
}

@media screen and (max-width: 640px) {
.qa {
	width:98%;
	height:auto;
	padding:10px;
	margin:0px auto;
	border:dotted 1px #CCC;
}
}


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

.qa ul li img{
	float:left;
	margn:0 20px 0 0;
}

.qa ul p{
padding:7px 7px 7px 15px;
margin:0 0 0 15px;
}

.line-dotted {
	display:block;
border-top:dotted 1px #CCC;	
margin:10px 0 10px 0;
}

/*==============================================================*/
/*SITEMAP*/
/*==============================================================*/


.sitemap{
	margin:30px 0;
	font-size:12px;
	overflow:hidden;
	letter-spacing:0.1em;
}
.sitemap li {
	overflow:hidden;
	position: relative;
	list-style:none;
}

.sitemap ul{
	overflow:hidden;
}


.sitemap > li {
	border-bottom:1px dotted #666;
}

.sitemap li a{
	text-decoration:none;
	color:#333333;
	padding:15px 0 15px 20px;
	display:block;
}

.sitemap a:hover{
	text-decoration:underline;
}

.sitemap li:before,
.sitemap li:after{
	position: absolute;
	content: "";
	vertical-align: middle;
}
.sitemap li:before{
	top:21px;
	left:0;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background:#134985;
}
.sitemap li:after{
	top:25px;
	left: 3px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/**/

.sitemap ul{
	background:#F5F5F5;
	padding:15px 0 20px 30px;
	margin:0 0 30px 30px;
}

.sitemap ul li{
	float:left;
	margin:0 40px 0 0;
}

/**/

.sitemap ul .sitemap2{
	margin:0;
	padding:0 40px 0 0;
	width:100%;
	box-sizing: border-box;
}

.sitemap ul .sitemap2 ul{
	background:#fff;
	border:1px dotted #0059BA;
	margin:0 0 0 0;
	box-sizing: border-box;
}



@media screen and (max-width: 767px) {

.sitemap{
	margin:0;
	padding:0 10px 10px;
	letter-spacing:0;
}

.sitemap li a{
	padding:10px 0 10px 20px;
}

.sitemap ul{
	margin:0 0 10px;
	padding:0 15px 10px;
}

.sitemap ul li{
	margin:0 20px 0 0;
}

.sitemap ul ul{
	margin:0;
}
.sitemap li:before{
	top:17px;
}
.sitemap li:after{
	top:21px;
}


/*.sitemap {
	width:94%;
	margin:0 auto;
}
.sitemap-1 {
	padding:10px;
	margin:10px 0 0 !important;
}
.sitemap ul {
	margin:0;
	padding:8px;
}
.sitemap ul li {
	margin:0;
	padding: 0 0 5px 24px !important;
	margin:0 5px 10px 0 !important;
}
.sitemap-1 ul li {
	padding: 0 0 0 24px !important;
}
.sitemap-1 li {
	padding:0 0 0 15px !important;
	margin:0!important;
}
.sitemap-2 {
	margin:10px 0 0;
}*/
}




/*==============================================================*/
/*POLICY PAGE*/
/*==============================================================*/
.policy {
	color:#666666;
	padding:30px 0;
	font-size:12px;
}

.policy li{
	border-bottom:dotted 1px #666666;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
	list-style:none;
}
@media screen and (max-width: 640px) {
.policy{
	padding:10px;
}
}


/*==============================================================*/
/* message */
/*==============================================================*/

.box-message {
	clear:both;
	font-size:120%;
	line-height:1.9em;
}

.box-message h2{
	font-size:180%;
	text-shadow: 1px 1px 1px #CCC;
	padding:15px 0 0 0;
}


.box-message strong{
	background:#FF6;
	padding:2px;
}


/*==============================================================*/
/* GooglePlus */
/*==============================================================*/
.likebox-01 {
width:431px;
height:63px;
background:url(../img/button-googleplus.gif) no-repeat;
padding:90px 0 0 190px;
margin:15px auto;
}

.likebox-01-google{
float:left;
padding:0px;
margin:0px;
}

.likebox-01-facebook{
float:left;
padding:0px;
margin:0px;
}


.likebox-02 {
width:415px;
height:63px;
background:url(../img/button-googleplus-sub.gif) no-repeat;
padding:90px 0 0 120px;
margin:15px auto;
}

.likebox-02-google{
float:left;
padding:0px;
margin:0px;
}

.likebox-02-facebook{
float:left;
padding:0px;
margin:0px;
}





/*==============================================================*/
/*会社案内*/
/*==============================================================*/
.sub-m-01 {
	float:right;
	border-top:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	border-left:solid 1px #DDD;
	margin:5px 13px 5px 0;
	clear:both;
}

@media screen and (max-width: 640px) {
.sub-m-01 {
	float:none;
	border-top:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	border-left:solid 1px #DDD;
	margin:5px auto;
	clear:both;
}
}

.sub-m-01 ul {
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

.sub-m-01 ul li{
	float:left;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.sub-m-01 ul li a{
	display:block;
	height:auto;
	line-height:2.1em;
	text-decoration:none;
	color:#000;
	font-size:13px;
	border-right:solid 1px #DDD;
	padding:10px 20px 10px 20px;
}

.sub-m-01 ul li a:hover{
	background:#B1D5E9;
}

.sub-m-02 {
	clear:both;
}


.sub-m-02 ul{
	clear:both;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.sub-m-02 ul li{
	float:left;
	margin:2px;
}

@media screen and (max-width: 640px) {
.tel{
	display:none;
}
}

.sub-m-02 ul li a{
	display:block;
	width:105px;
	height:auto;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	background:#055097;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2); 
	padding:20px 10px 20px 10px;
	margin:10px 0 10px 0;
}

@media screen and (max-width: 640px) {
.sub-m-02 ul li a{
	display:block;
	width:100px;
	height:auto;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	background:#055097;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2); 
	padding:20px 5px 20px 5px;
	margin:10px 0 0px 0;
}	
}

.sub-m-02 ul li a:hover{
	background:#509142;
}

.sub-m-02 ul li a strong{
	font-size:14px;
	font-weight:normal;
}

.sub-m-02 ul li a span{
	font-size:10px;
}


/*==============================================================*/
/*colormwshop */
/*==============================================================*/

.colormeshop {
}


.colormeshop strong{
	color:#FFA40B;
}

.colormeshop h3{
	text-indent:10px;
	font-weight:normal;
	font-size:18px;
	color:#27639E;
	border-top:dotted 1px #27639E;
	border-bottom:dotted 1px #27639E;
	padding:8px 0 8px 0;
	margin:15px 0 8px 0;
}

.colormeshop P{
	padding:0 15px;
}

.colormeshop ul{
	list-style-type:none;
	padding:0px;
	margin:0 0 10px 30px;
}

.colormeshop ul li{
	float:left;
	width:170px;
	height:180px;
	text-align:center;
	margin:7px;
	background:#eeeeee;
	padding:10px 0 0;
}

.colormeshop ul li a{
	text-decoration:none;
	font-size:92%;
	color:#1367B7;
}

.colormeshop ul li a:hover{
	text-decoration:underline;
}

.colormeshop ul li a span{
	display:block;
	width:150px;
	height:150px;
	overflow:hidden;
	margin:0 auto 5px;
}

.colormeshop ul li img{
	width:150px;
	border:none;
	border:1px solid #CCC;
}


.box-result-pic-detail {
	width:770px;
	padding:0px;
	margin:0px auto;
}

@media screen and (max-width: 640px) {
.box-result-pic-detail {
	width:100%;
}
}


.box-result-pic-detail-ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

.box-result-pic-detail-ul li{
	float:left;
	width:370px;
	text-align:center;
	border:solid 1px #DDD;
	padding:10px;
	margin:5px;
	background:#f7f7f7;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
.box-result-pic-detail-ul{
	padding:0 10px;
}
.box-result-pic-detail-ul li{
	float: none;
	clear:both;
	width:100%;
	text-align:center;
	border:solid 1px #DDD;
	padding:10px;
	margin:0 0 10px;
}
}

.box-result-pic-detail-ul li p{
	padding:0px !important;
	margin:0px !important;
}


.box-result-pic-detail-ul li a{
	outline:none;
}
.box-result-pic-detail-ul li img{
	width:100%;/*350px*/
}

@media screen and (max-width: 640px) {
.box-result-pic-detail-ul li img{
	width:100%;
	height:auto;
}
}

.box-result-pic-detail-ul li h3{
	font-size:18px;
	padding:7px !important;
	margin:0px !important;
}

.box-map-result{
	width:100%;
	height:auto;
}

.box-map-result div ul{
	list-style-type:none;
	height:auto;
}

.box-map-result div ul li{
	float:left;
	width:180px !important;
	height:220px !important;
}

.box-map-result div ul li img{
	width:180px !important;
}


.box-logodesign{
	width:760px;
	height:auto;
	padding:0px;
	margin:15px auto;
	clear:both;
}

.box-logodesign h2{
	padding:30px 0 20px 0;
	margin:0px;
}

.box-logodesign img{
	float:left;
	padding:6px 0 0 0;
}

.box-logodesign p{
	float:right;
	width:590px;
	font-size:12px;
	line-height:2.2em;
	padding:12px 0 0 0;
	margin:0px;
}

.box-logodesign-flow01 {
	width:507px;
	height:72px;
	color:#FFFFFF;
	padding:0 15px 0 232px !important;
	margin:0 0 10px 0;
	clear:both;
}

.box-logodesign-flow01 p{
	color:#FFF;
	line-height:1.5em;
	font-size:12px;
	margin:0px;
}

.box-logodesign-flow01 p strong{
	font-size:15px;
	color:#FFF;
	line-height:1.5em;
	padding:0 0 50px 0;
}

/*==============================================================*/
/*ERROR */
/*==============================================================*/

.error-Ttl {
	text-align:center;
	font-size:30px;
	color:#3C93BD;
	margin:150px 0 100px 0;
}

.error-txt01 {
	text-align:center;
	font-size:20px;
}

.error-txt02 {
	text-align:center;
	font-size:14px;
	margin:0 0 50px 0;
}

.error-link {
	width:480px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
}

.error-link ul{
	list-style-type:none;
	overflow:hidden;
	margin:0 0 200px 0;
}

.error-link ul li{
	float:left;
	width:220px;
	height:auto;
	overflow:hidden;
	margin:10px;
}

.error-link ul li a{
	display:block;
	width:100%;
	height:auto;
	text-decoration:none;
	text-align:center;
	line-height:5.0em;
	font-size:100%;
	color:#FFF;
	background:#4D9CB7;
	padding:0px;
	margin:0px;
}















/*==============================================================*/
/* 2018.3 追記 */
/*==============================================================*/

/*==============================*/
/* フレーム */
/*==============================*/

.boxWrap1{
	clear:both;
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	z-index:2;
	position:relative;
}

@media screen and (max-width: 767px) {
.boxWrap1{
	width:100%;
}

}









/*==============================*/
/* タイトル */
/*==============================*/

.ttl2,
.ttl3{
	clear:both;
	font-weight:normal;
	font-size:30px;
	line-height:130%;
	margin:50px 0 20px;

	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-webkit-transform: rotate(0.028deg);
}

@media screen and (max-width: 767px) {
.ttl2,
.ttl3{
	margin:0;
	font-size:17px;
	font-weight:bold;
}
}

.ttl3{
	color:#fff;
}
.ttl2 a,
.ttl3 a{
	display: inline-block;
	color:#555;
	text-decoration:none;

	position: relative;
	padding:0 50px 0 0;
	vertical-align: middle;
}
.ttl3 a{
	color:#fff;
}

.ttl2 a:before,
.ttl2 a:after,
.ttl3 a:before,
.ttl3 a:after{
	position: absolute;
	top: 0;
	bottom: 2px;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;

    -webkit-transition: all .3s;
    transition: all .3s;
}
.ttl2 a:before,
.ttl3 a:before{
	width: 20px;
	height:20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #555;
}
.ttl3 a:before{
	border-color:#fff;
}

.ttl2 a:after,
.ttl3 a:after{
	right:9px;
	width:6px;
	height:6px;
	border-top:2px solid #555;
	border-right:2px solid #555;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ttl3 a:after{
	border-color:#fff;
}

.ttl2 a:hover:before,
.ttl3 a:hover:before{
	right:-9px;

    -webkit-transition: all .3s;
    transition: all .3s;
}
.ttl2 a:hover:after,
.ttl3 a:hover:after{
	right:0;

    -webkit-transition: all .3s;
    transition: all .3s;
}

/**/

.ttl4{
	clear:both;
	font-size:36px;
	line-height:1.5;
	color:#21538a;/*134985*/
}

.ttl5{
	clear:both;
	font-size:36px;
	line-height:1.5;
	color:#fff;
}
.ttl5 img{
	vertical-align:middle;
	margin:0 15px 0 0;
	float:left;
}

.ttl6{
	clear:both;
	font-size:36px;
	line-height:1.5;
	color:#12a154;
}

.ttl7{
	clear:both;
	font-size:32px;
	line-height:1.5;
	margin:70px 0 30px;
}
.ttl7 img{
	vertical-align:middle;
	margin:0 15px 0 0;
	float:left;
}

@media screen and (max-width: 767px) {
.ttl4{
	font-size:17px;
	padding:20px 20px 0;
	margin:0;
}

.ttl5{
	font-size:17px;
	margin:20px 0 20px;
}
.ttl5 img{
	max-height:50px;
	width:auto
}

.ttl6{
	font-size:17px;
	padding:0 20px;
}
.ttl6 br{
	display:none;
}

.ttl7{
	font-size:17px;
	margin:30px 0 15px;
	padding:0 20px;
}
}

.ttl8,
.content3.seoFlow4 .ttl8{
	clear:both;
	font-size:24px;
	position:relative;
	padding:0 0 20px 0;
	margin:70px 0 50px;
	color:inherit;
}
.ttl8:after,
.ttl8:after{
	content:"";
	display:block;
	width:120px;
	height:6px;
	position:absolute;
	left:0;
	bottom:0;
	background:#ff6600;
}

@media screen and (max-width:767px){
.ttl8,
.content3.seoFlow4 .ttl8{
	font-size:17px;
	margin:50px 0 30px;
}
}

.ttl9{
	clear:both;
	font-size:24px;
	margin:70px 0 30px;
}
@media screen and (max-width:767px){
.ttl9{
	font-size:17px;
	margin:50px 0 10px;
}
}

.ttl10{
	clear:both;
	font-size:18px;
	position:relative;
	border-left:5px solid #ff6600;
	padding:0 0 0 10px;
	margin:70px 0 20px;
}
@media screen and (max-width:767px){
.ttl10{
	width:90%;
	margin:30px auto 0;
	font-size:17px;
}
.content3In .ttl10{
	width:100%;
}
}


.ttl11{
	clear:both;
	font-size:18px;
	margin:50px 0 20px;
}

/*==============================*/
/* マウスオーバーで右に文字が変わるボタン */
/*==============================*/
/*
<div class="btn1">
	<a href="https://dream-net.org/otherservice.html">
		<div>デフォルトで表示する文字</div>
		<div></div>
		<div>マウスオーバーで表示される文字</div>
	</a>
</div>
*/
.btn1{
	clear:both;
	display:inline-block;
	margin:30px 0;
}
.btn1 a{
    position: relative;
	display:block;
	text-decoration:none;
    width: 430px;
    height:68px;
    text-align: center;
    overflow: hidden;
    color:#fff;

    -webkit-user-select: none;
}

.btn1 div{
    position: absolute;
    width: 100%;
    height:68px;
	padding:20px 0 0;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.btn1 div:nth-child(1) {
    background:#134985;
}

.btn1 div:nth-child(2) {
    background:#00265c;
    width:395px;
    transform: translate(-430px, 0px);
    -webkit-transform: translate(-430px, 0px);
    -moz-transform: translate(-430px, 0px);

    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.btn1 div:nth-child(2):after{
	position:absolute;
	right:-18px;
	top:0;
	content:"";
	width:68px;
	height:68px;
	background:#00265c;

    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn1 div:nth-child(3) {
    left: -430px;

    transition: left 0.2s ease;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
}

.btn1:hover div:nth-child(2) {
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.btn1:hover div:nth-child(3) {
    left: 0px;

    transition: left 0.50000000000000004s ease;
    -webkit-transition: left 0.50000000000000004s ease;
    -moz-transition: left 0.50000000000000004s ease;
}

@media screen and (max-width: 767px) {
.btn1{
	margin:20px 0;
	display:block;
}
.btn1 a{
	width:100%;
	height:inherit;
	font-size:14px;
}
.btn1 div:nth-child(2),
.btn1 div:nth-child(3){
	display:none;
}

.btn1 div:nth-child(1){
	position:relative;
	height:inherit;
	padding:15px 0;
}
.btn1 div:nth-child(1):after{
    border-right:2px solid #fff;
    border-top:2px solid #fff;
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

}


/*==============================*/
/* サムネイル付きWordPressの記事一覧 */
/*==============================*/

.list1{
	clear:both;
	overflow:hidden;
	margin:30px 0 0;
}

.list1 article{
	clear:both;
	border-top:1px dotted #ddd;
	padding:20px 0;
}
.list1 article:first-child{
	border-top:none;
}

.list1 article a{
	display:block;
	text-decoration:none;
	color:#333;
	font-size:14px;
	line-height:1.5;
	overflow:hidden;
}

.list1 article a h3{
	color:#134985;
	text-decoration:underline;
	font-size:18px;
	line-height:1.5;
	margin:0 0 10px;

	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-webkit-transform: rotate(0.028deg);
}

.list1 article a p{
	margin:0;
}

.list1 article a > div{
/*	float:right;
	width:100%;

	margin-right:-230px;
	padding-right:230px;*/

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.list1 article a > p{
/*	float:left;
	width:190px;
	height:130px;
	overflow:hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}

.list1 article a > p img{
	width:100%;
	height:auto;
	border:1px solid #f7f7f7;

    -webkit-transition: all .3s;
    transition: all .3s;
}

.list1 article a:hover h3{
	color:#1e72cf;
}
.list1 article a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";

    -webkit-transition: all .1s;
    transition: all .1s;
}

.list1 article a .thumbnail{
	display:none;
}

@media screen and (max-width: 767px) {
.list1{
	margin-top:10px;
}
.list1 article{
	padding:10px 0;
}
.list1 article{
	border:none;
}
.list1 article a{
	border:1px solid #eee;
	background:#fff;
	padding:10px;
}

.list1 article a > div{
/*	margin-right:-100px;
	padding-right:100px;
	padding-left:15px;*/

	display:inline;
	margin:0;
	padding:0;
	float:none;
}

.list1 article a h3{
	font-size:14px;
	margin-bottom:5px;
}
.list1 article a > div p{
/*	width:65%;
	float:right;*/
	font-size:11px;
	color:#666;
}

.list1 article a > p{
/*	width:100px;*/
	width:30%;
	float:left;
}

}

/*==============================*/
/* サムネイルとタイトルだけの制作実績一覧（幅1000pxで3列） */
/*==============================*/

.resultList1{
	clear:both;
	overflow:hidden;
	margin:0 0 30px;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.resultList1 p{
	margin:0 !important;
}

.resultList1 li,
.resultList1 article{
	background:#fff;
	width:310px;
	list-style:none;
	margin:50px 35px 0 0;
	float:left;/*forIE9*/
	text-align:center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.resultList1 li:nth-child(3n),
.resultList1 article:nth-child(3n){
	margin-right:0;
}

@media screen and (max-width: 767px) {
.resultList1{
	margin:0;
}
.resultList1 li,
.resultList1 article{
	width:100%;
	margin:0;
	float:none;
}

}

@media screen and (max-width: 767px) {
.resultList1{
	padding:20px 0 0;
}
.resultList1 li,
.resultList1 article{
	width:100%;
	padding:0 0 50px;
	float:none;
/*	display:none;*/
}
.resultList1 article h3{
	font-size:15px;
	line-height:1.5;
}

.resultList1 article:nth-child(1),
.resultList1 article:nth-child(2),
.resultList1 article:nth-child(3),
.resultList1 article:nth-child(4){
	display:block;
}


}



/* サイドありの場合 */
#content .resultList1,
.resultList1.column2{
	padding-left:20px;
}
#content .resultList1 li,
.resultList1.column2 li,
#content .resultList1 article,
.resultList1.column2 article{
	width:350px;
}
#content .resultList1 li:nth-child(3n),
.resultList1.column2 li:nth-child(3n),
#content .resultList1 article:nth-child(3n),
.resultList1.column2 article:nth-child(3n){
	margin-right:35px;
}
#content .resultList1 li:nth-child(2n),
.resultList1.column2 li:nth-child(2n),
#content .resultList1 article:nth-child(2n),
.resultList1.column2 article:nth-child(2n){
	margin-right:0;
}
/**/

.resultList1 a{
	display:block;
	text-decoration:none;
	color:#333;
}

.resultList1 a img{
	max-width:100%;
	vertical-align:top;
	border:1px solid #f2f2f2;
}
.tax-genre2 .resultList1 a img{
	border:none;
}

.resultList1 a p,
.resultList1 a h3{
	margin:10px 0 0;
	font-weight:normal;
	font-size:16px;
}

.resultList1 a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}

@media screen and (max-width: 767px) {
.resultList1{
	padding:10px !important;
}
.resultList1 li,
.resultList1 article{
	width:100% !important;
	margin:0 !important;
	padding:0 10px 50px !important;
}
.resultList1 a p,
.resultList1 a h3{
	font-size:15px;
	line-height:1.5;
}

}



/*==============================*/
/* サムネイルとタイトルだけの制作実績一覧（幅100％で4列） */
/*==============================*/

.listResult1{
	clear:both;
	overflow:hidden;
	padding:40px 0 0 5%;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.listResult1 a{
	display:block;
	text-decoration:none;
	text-align:center;
}

.listResult1 article{
	float:left;
	width:25%;
	padding:0 5% 50px 0;
	list-style:none;
	display:block;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.listResult1 article h3{
	font-size:15px;
	line-height:1.5;
	font-weight:normal;
	margin:10px 0 0;
}

.listResult1 article p{
	display:block;
	background:#fff;
	margin:0;
}

.listResult1 article img{
	width:100%;
	height:auto;
	vertical-align:top;

	backface-visibility:hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.listResult1 article a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";

    -webkit-transition: all .3s;
    transition: all .3s;
}

@media screen and (max-width: 767px) {
.listResult1{
	padding:20px 0 0;
}
.listResult1 article{
	width:100%;
	padding:0 0 50px;
	float:none;
	display:none;
}
.listResult1 article h3{
	font-size:15px;
	line-height:1.5;
}

.listResult1 article:nth-child(1),
.listResult1 article:nth-child(2),
.listResult1 article:nth-child(3),
.listResult1 article:nth-child(4){
	display:block;
}


}

/*==============================*/
/* サムネイルだけの制作実績一覧 */
/*==============================*/

.listResult2{
	clear:both;
	overflow:hidden;
	padding:30px 0 0;
}

.listResult2 li{
	float:left;
	width:25%;
	list-style:none;
	background:#fff;
}

.listResult2 li a{
	display:block;
	overflow:hidden;
}

.listResult2 li a img{
	height:250px;
	width:auto;
	vertical-align:top;
}

.listResult2 li a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}


@media screen and (max-width: 767px) {
.listResult2{
	padding:10px 0 0;
	width:90%;
	margin:0 auto;
}
.listResult2 li a img{
	width:100%;
	height:auto;
}
}





/*==============================*/
/* 開閉式 */
/*==============================*/

.list2{
	clear:both;
	padding:0 3%;
	margin:0 0 20px;
}

.list2 .list2Title{
	cursor:pointer;
	position:relative;
	padding:0 0 15px 55px;
	margin:0;
	border-bottom:1px solid #ddd;
}
.list2 .list2Title:before{
	content:"+";
	border:4px solid #134985;
	color:#134985;
	text-align:center;
	width:38px;
	height:38px;
	line-height:34px;
	position:absolute;
	left:0;
	top:0;
	font-weight:bold;

	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

    -webkit-transition: all .3s;
    transition: all .3s;
}
.list2 .list2Title:hover:before{
	background:#134985;
	color:#fff;

    -webkit-transition: all .3s;
    transition: all .3s;
}


.list2 .list2Content{
	padding:0 0 0 55px;
	line-height:0;
	opacity:0;

    -webkit-transition: all .3s;
    transition: all .3s;
}

.list2 .list2Content p{
	margin:0;
}
.list2 .list2Content .btn1{
	display:none;
}

/*開いてる時*/
.list2.open .list2Title:before{
	content:"－";
	background:#134985;
	color:#fff;
}

.list2.open .list2Content{
	line-height:1.8;
	opacity:1;
	margin:20px 0 70px;
}

.list2.open .list2Content .btn1{
	display: block;
}


@media screen and (max-width: 767px) {
.list2{
	padding:0 5%;
	margin:20px 0 30px;
}
.list2 .list2Title{
	padding-left:45px;
}
.list2 .list2Title:before{
	width:33px;
	height:33px;
	font-size:24px;
	line-height:26px;
	top:-5px;
}

.list2 .list2Content{
	font-size:14px;
	background:#f7f7f7;
	padding-left:20px;
}
.list2.open .list2Content{
	margin:10px 0;
	line-height:1.5;
	padding:20px 20px 10px;
}

}


/*==============================*/
/* 横並びメニューボタン */
/*==============================*/

.list3{
	clear:both;
	width:94%;
	display:table;
	table-layout:fixed;
	margin:50px auto 80px;
	border:1px solid #ddd;
}

.list3 li{
	display:table-cell;
	text-align:center;
	border:1px solid #ddd;
	position:relative;
}

.list3 li a{
	display:block;
	padding:40px 0 60px;
	text-decoration:none;
	color:#333;
}

.list3 li a:before,
.list3 li a:after{
	position:absolute;
	left:50%;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.list3 li a:before{
	width:20px;
	height:20px;
	background:#ddd;
	margin-left:-10px;
	bottom:25px;

	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}
.list3 li a:after{
	width:5px;
	height:5px;
	bottom:33px;
	margin-left:-4px;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.list3 li a:hover{
	background:#f7f7f7;
}
.list3 li a:hover:before{
	background:#5aa9ec;

    -webkit-transition: all .3s;
    transition: all .3s;
}


@media screen and (max-width: 767px) {
.list3{
	width:90%;
	margin:30px auto;

	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	overflow:hidden;
}
.list3 li{
	border-right:none;
	border-top:none;
	border-bottom:none;

	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#f0f0f0');
	background:-moz-linear-gradient(top, #fff, #f0f0f0);
	background:-webkit-linear-gradient(top, #fff, #f0f0f0);
	background:linear-gradient(to bottom, #fff, #f0f0f0);
}
.list3 li:first-child{
	border-left:none;
}

.list3 li a{
	padding:10px 1px 35px;
	font-size:13px;
	line-height:1.5;
}
.list3 li a:before{
	bottom:10px;
}
.list3 li a:after{
	bottom:18px;
}
}

/*==============================*/
/* list4 */
/*==============================*/

.list4{
	clear:both;
}

.list4 li{
	position:relative;
	padding:0 0 0 30px;
	vertical-align:middle;
	list-style:none;
	font-size:21px;
	font-weight:bold;
	margin:30px 0 0;
}
.list4 li:before,
.list4 li:after{
	position:absolute;
	left:0;
	margin:auto;
	content:"";
	vertical-align:middle;
}
.list4 li:before{
	width:16px;
	height:16px;
	top:3px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#333;
}
.list4 li:after{
	left:3px;
	top:8px;
	width:5px;
	height:5px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

@media screen and (max-width:767px){
.list4 li{
	font-size:14px;
	margin:10px 0 0;
}

}






/*=============================================================*/
/* メインイメージ */
/*=============================================================*/


.eyecatch-img {
	width:100%;
/*	height:515px;*/
	background:#fbf6d7;
}
.eyecatch-img-in {
	width:1000px;
/*	height:515px;*/
	margin:0px auto;
	position:relative;
}

 @media screen and (max-width: 640px) {
.eyecatch-img {
	width:100%;
	height:350px;
	background:#fbf6d7;
}
}

 @media screen and (max-width: 640px) {
.eyecatch-img-in {
	width:100%;
	height:350px;
	margin:0px auto;
	position:static;
}
}

/*========*/

.eyecatch-img2{
	width:100%;
/*	height:515px;*/
	background:#fbf6d7;
	padding:0px;
	margin:0px;
}

@media screen and (max-width: 640px) {
.eyecatch-img2{
	width:100%;
/*	height:auto;*/
	overflow:hidden;
	background:#fbf6d7;
	padding:0 0 20px 0;
	margin:0px;
}
}


.eyecatch-img2In{
	position:relative;
	width:1000px;
	margin:0 auto;
/*	overflow:hidden;
	padding:0px;
	margin:8px auto;*/
}

@media screen and (max-width: 640px) {
.eyecatch-img2In{
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px auto;
}
}




/*===========*/


.eyecatch-bottom {
	width:100%;
	text-align:center;
	font-size:23px;
	color:#FFF;
	background:#000;
	padding:15px 0 15px 0;
	margin:0px;
}

@media screen and (max-width: 640px) {
.eyecatch-bottom {
	width:100%;
	text-align:center;
	font-size:18px;
	color:#FFF;
	background:#000;
	padding:15px 5px;
	box-sizing:border-box;
	margin:0px;
}
}


/*=============================================================*/
/* サブメニュー */
/*=============================================================*/

.SubMenu {
	width:100%;
	height:auto;
	border-bottom:solid 10px #21538a;
	padding:0px;
	margin:0 0 0 0;
}

@media screen and (max-width: 640px) {
.SubMenu {
	display:none;
}
}

.SubMenu-ul {
	width:1000px;
	height:90px;
	list-style-type:none;
	padding:0px;
	margin:0px auto;
}

.SubMenu-ul li{
	float:left;
	height:90px;
	border-right:dotted 1px #CCC;
	padding:0;
	margin:0;
}

.SubMenu-ul li:last-child{
	float:left;
	border-right:none;
}

.SubMenu-ul li a{
	display:table-cell;
	width:199px;
	height:90px;
	line-height:1.6em;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0;
	margin:0;
	vertical-align: middle;
}

.SubMenu-ul li a p{
	padding:0;
	margin:0;
}

.SubMenu-ul li a:hover{
	color:#FFF;
	background:#21538a;
 transition: all .4s;
}

.SubMenu-ul-select{
	color:#FFF !important;
	background:#21538a;
}


/*=============================================================*/
/* お問い合わせボックス */
/*=============================================================*/

.contactBox2{
	clear:both;
	display:table;
	width:100%;
	margin:60px 0;
}

.contactBox2 li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background:#134985;

    -webkit-transition: all .3s;
    transition: all .3s;
}

.contactBox2 li+li{
	border-left:10px solid #fff;
}

.contactBox2 li a,
.contactBox2 li div{
	display:block;
	text-decoration:none;
	font-size:24px;
	line-height:1.5;
	color:#fff;
	padding:10px 0;
}
.contactBox2 li:last-child,
.contactBox2 li:hover:last-child{
	background:#f2f2f2;
}
.contactBox2 li:last-child a,
.contactBox2 li:last-child div{
	color:#134985;
}


.contactBox2 li:hover{
	background:#1c6ac1;

    -webkit-transition: all .3s;
    transition: all .3s;
}


.contactBox2 li span{
	display:block;
	font-size:13px;
	line-height:1.5;
}


.contactBox2 li:last-child i{
 	position: relative;
	display:block;
 	margin:0 auto 10px;
	width:30px;
	height:30px;
 	color: #fff;
	background:url(../img/ico-tel2.svg) no-repeat 50% 50% #134985;
	background-size:70%;
}

.contactBox2 li:last-child i:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -5px;
	border: 5px solid transparent;
	border-top: 10px solid #134985;
}

@media screen and (max-width: 640px) {
.contactBox2{
	width:90%;
	margin:30px auto;
	display:block;
	overflow:hidden;
	background:#eee;
	padding:10px;
}
.contactBox2 li+li{
	border:none;
}

.contactBox2 li{
	display:block;
	margin:0 0 5px;
}

.contactBox2 li a,
.contactBox2 li div{
	font-size:15px;
	padding:10px;
	position:relative;
	font-weight:bold;
}

.contactBox2 li a:after,
.contactBox2 li div:after{
    border-right:2px solid #fff;
    border-top:2px solid #fff;
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.contactBox2 li span{
	font-size:10px !important;
	margin-bottom:5px;
	font-weight:normal;
}

/**/
.contactBox2 li:nth-child(3){
	border:1px solid #ccc;
	margin-bottom:0;

	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#f0f0f0');
	background:-moz-linear-gradient(top, #fff, #f0f0f0);
	background:-webkit-linear-gradient(top, #fff, #f0f0f0);
	background:linear-gradient(to bottom, #fff, #f0f0f0);
}

.contactBox2 li:last-child i{
	float:left;
	margin:0;
}

.contactBox2 li:last-child i:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 15px solid #134985;
}

.contactBox2 li:nth-child(3) span{
	margin:0;
}

}



/**/