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


article,aside,details,figcaption,figure,
footer,header,hgroup,main,menu,nav,section { 
	display:block;
	margin: 0px; padding: 0px;
}


#contents {
	padding: 0px;
	width: 950px;
	margin: 0px;
	height: auto;
	clear: both;
}

/*-----------------�X���C�h�摜�X�^�[�g-------------------------*/

#top_photo_all {
	width: 950px;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#top_3 {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 199px;
	width: 950px;
}

#photo_left {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 10px;
	display: inline;
}
#photo_right {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 199px;
	width: 10px;
	display: inline;
}
#shadow {
	margin: 0px;
	padding: 0px;
}
#shadow img {
	position: relative;
	z-index: -20;
	top: -3px;
}



#slidebox {
	height: 199px;
	width: 930px;
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	float: left;
}
#wrap {
	width:930px;
	height:199px;
	text-align:left;
	background-image: url(../images/slideauto_img/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: center;
	color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



#slide-holder {
	z-index:40;
	width:930px;
	height:auto;
	position:absolute;
	background-repeat: no-repeat;
	background-position: center center;
}
#slide-runner {
	margin:0px 0 0;
	width:930px;
	height:199px;
	overflow:hidden;
	position:absolute;
}


#slide-holder img {
	margin:0;
	display:none;
	position:absolute;
	padding: 0px;
	height: 199px;
	width: 930px;
}
a img {
	border:0;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#slide-controls {
	left:0;
	bottom:0;
	width:930px;
	height:21px;
	display:none;
	position:absolute;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	float: left;
	color: #FFFFFF;
	background-image: url(../images/slideauto_img/top_bar.gif);
}
#slide-controls p.text {
	float:left;
	color:#00FFFF;
	display:inline;
	font-size:11px;
	line-height:21px;
	margin:0px 0 0 60px;
	text-transform:none;
	padding: 0px;
	letter-spacing: 0.1em;
}
#slide-client span {
	color: #00FFFF;
}

#slide-controls p#slide-nav {
	float:right;
	height:21px;
	display:inline;
	margin:0px 60px 0 0;
	color: #FFFFFF;
}
#slide-controls p#slide-nav a {
	float:left;
	height:21px;
	display:inline;
	font-size:12px;
	margin:0 15px 0 0;
	line-height:21px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-position:0 0;
	background-repeat:no-repeat;
	width: 21px;
	color: #FF0000;
}
#slide-controls p#slide-nav a:hover {
	float:left;
	height:21px;
	display:inline;
	font-size:13px;
	margin:0 15px 0 0;
	line-height:21px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-position:0 0;
	background-repeat:no-repeat;
	color: #00FFFF;
	width: 21px;
}




/*--------------�X���C�h�摜�I��----------------------------*/



#left_contents {
	background-image: url(left_sen.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
	height: 1278px;
	width: 198px;
}

/* seo1にもあり */
#scrollBox {
	height: 250px;
	width: 170px;
	overflow: auto;
	font-size: 10px;
	color: #666666;
	border: 1px solid #CCCCCC;
	line-height: 13px;
	text-align: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
	clear: both;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #FFFFFF;
}



/*------------------------------���C���ƍ��T�C�h�Q����---------------------------*/
#main_left {
	margin: 0px;
	padding: 0px;
	width: 744px;
	float: left;
	clear: both;
}
@media print {
#main_left {
width: 100%;
float : none ;
   }
}



/*---------------------------�^�u���j���[�@start------------------------------------*/
#main_tab_all{
	width:540px;
	margin-bottom: 10px;
}

ul#tabMenu{
	width:540px;
	margin:0;
	height:35px;
	list-style: none;
	background-image:url(../images/tab_img/main_shadow.jpg);
	background-repeat:no-repeat;
	background-position:0 30px;
	padding: 0px;
}

ul#tabMenu li{
	float:left;
	height:35px;
	width:255px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	display: inline;
}

ul#tabMenu li a{
text-indent:-9999px;
display:block;
width:255px;
height:30px;
background-repeat:no-repeat;
/*\*/overflow: hidden;/**/
}

/*----------------�^�u�{�^���I����ݒ�-------------------------------------*/
ul#tabMenu li#tab1 a.tabOn{
background-image:url(../images/tab_img/cen_tab1.gif);
background-position:0 -70px;
height:35px;
}
ul#tabMenu li#tab2 a.tabOn{
background-image:url(../images/tab_img/cen_tab2.gif);
background-position:0 -70px;
height:35px;
}


/*----------------�^�u�{�^���ʏ펞�ݒ�-------------------------------------*/
ul#tabMenu li#tab1 a.tabOff{
background-image:url(../images/tab_img/cen_tab1.gif);
}
ul#tabMenu li#tab2 a.tabOff{
background-image:url(../images/tab_img/cen_tab2.gif);
}


/*----------------�^�u�{�^���ʏ펞���[���I�[�o�[�ݒ�----------------------*/
ul#tabMenu li#tab1 a.tabOff:hover{
	background-position:0 -35px;
	background-image: url(../images/tab_img/cen_tab1.gif);
}
ul#tabMenu li#tab2 a.tabOff:hover{
	background-position:0 -35px;
	background-image: url(../images/tab_img/cen_tab2.gif);
}



/*---------�R���e���c�i������\���ݒ�j------------*/
#contentsB {
display:none;
}


/*-------------------���C���R���e���c------------------------------*/
.mainBlock{
width:538px;
margin:0px;
padding-top:20px;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
min-height:200px;
height: auto !important;
height: 200px;
}
#main1_title {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px auto;
	padding: 0px;
	height: 30px;
	width: 500px;
	text-align: center;
}
#main1_contents {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	width: 450px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	color: #444444;
}
#seologo {
	padding: 0px;
	float: right;
	height: 87px;
	width: 150px;
	margin-top: 3px;
}
#main2_contents1 {
	font-size: 12px;
	line-height: 20px;
	margin: 0px auto;
	padding: 0px;
	width: 480px;
	text-align: left;
	color: #444444;
}
#keitai {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 130px;
	width: 165px;
}




#flash_douga_all {
	padding: 0px;
	width: 480px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#flash_douga {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 120px;
}
#flash_coment {
	font-size: 12px;
	line-height: 30px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 480px;
	float: left;
	color: #444444;
}

/*-------------------- �^�u���j���[�@�I�� ------------------------*/
#main_contents {
	margin: 0px;
	padding: 0px;
	width: 538px;
}
#main_center {
	padding: 0px;
	width: 100%;
	border: 1px solid #CCCCCC;
	margin: 0px;
	text-align: left;
	height: auto;
}



/*--------------------------------- ���C���@start-------------------------------------*/

#main {
	padding: 0px;
	width: 538px;
	color: #444444;
	float: right;
	font-size: 15px;
	line-height: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


.hp_pr {
	margin-bottom: 40px;
}

/*���ڃo�i�[*/
.hp_pr h2 ,.sumaho_pr h2 ,#server_pr h2 ,.seo_pr h2 ,.douga_pr h2 ,.blog_pr h2 {
	color: #0066CC;
	background-color: #e3e3e3;
	background-image: linear-gradient(#fcfcfc, #f1f1f1 50%, #e3e3e3 50%);
	background-image: -webkit-linear-gradient(#fcfcfc, #f1f1f1 49%, #e3e3e3 50%);

	-webkit-box-shadow: 1px 2px 7px #999;
	box-shadow: 1px 2px 7px #999;
	font-size: 15px;
	padding: 8px;
	clear: both;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	margin-bottom: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-weight: bold;
}


.hp_pr h2:first-letter ,.sumaho_pr h2:first-letter ,#server_pr h2:first-letter ,.seo_pr h2:first-letter ,.douga_pr h2:first-letter ,.blog_pr h2:first-letter {
	border-left: 3px solid #0066CC;	
	padding: 3px 0px 3px 10px ;	
}
.hp_pr h2 a ,.sumaho_pr h2 a ,#server_pr h2 a ,.seo_pr h2 a ,.douga_pr h2 a ,.blog_pr h2 a {
	text-decoration: none;
	font-size: 16px;
	color: #0066CC;
	display: block;
	font-weight: bold;
}
.hp_pr h2 a:hover ,.sumaho_pr h2 a:hover ,#server_pr h2 a:hover ,.seo_pr h2 a:hover ,.douga_pr h2 a:hover ,.blog_pr h2 a:hover {
	color: #000033;
}



/*HP����*/
#contents1 {
	box-shadow: inset 0 0 15px rgba(0,0,0,.3);
	border-radius: 10px 10px 10px 10px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 85%;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	border: 1px solid #B7BFC8;
}


.hp_pr h3 {
	position: relative;
	background-color: #f0f0f0;
	border-radius: 6px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	width: 88%;
}
.hp_pr h3::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}
.hp_pr h3 a {
	color: #003399;
}
.hp_pr h3 a:hover {
	color: #000000;
	text-decoration: none;
}



#gazou {
	margin-top: 18px;
	text-align: center;
	height: auto;
	width: 499px;
	margin-right: auto;
	margin-left: auto;
}
.pack6 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


.pack6 a {
	display: inline-block;
	transition: .5s;
}
.pack6 a:hover {
	-webkit-transform: rotateX(360deg);
	transform: rotateX(360deg);
}



.center1 {
	width: 95%;
	height: auto;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
}

#price_hyou {
	font-size: 15px;
	padding: 0px;
	width: 87%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}

#pack_n {
	padding: 0px;
	margin-top: 0px;
	text-align: center;
}
#naiyou2 {
	margin-top: 3px;
	padding-bottom: 1px;
}
#naiyou2 ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#naiyou2 li {
	margin-bottom: 3px;
	padding: 0px;
	list-style-position: outside;
	position: relative;
	list-style-type: none;
}
#naiyou2 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #0099CC;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.syousai {
	margin-left: 18px;
	text-align: right;
}





.right {
	text-align: right;
	padding-right: 5px;
}


.pack {
	text-align: center;
	width: 100%;
	margin-top: 8px;
	font-size: 16px;
}



.hp_pr #hpkikan {
	margin-bottom: 0px;
	color: #0F609B;
	width: 92%;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #BAC8D6;
	border-left-color: #1F76AF;
	margin-top: 35px;
	clear: both;
}

.pack3 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	clear: both;
}

.hp_pr a {
	color: #FF0000;
	text-decoration: underline;

}
.hp_pr a:hover {
	color: #000033;
	text-decoration: none;
}
#pack_n a {
	color: #003366;
	text-decoration: underline;
}
#pack_n a:hover {
	color: #000000;
	text-decoration: none;
}





/*main����*/

.kikan1 {
	float: right;
	font-size: 80%;
	font-weight: normal;
	top: -22px;
	position: relative;
	margin-right: 0px;
	color: #000033;
}
.kikan2 {
	float: left;
	font-size: 80%;
	font-weight: normal;
	top: -22px;
	position: relative;
	left: 192px;	
	color: #000033;
}
.kikan3 {
	float: right;
	font-size: 80%;
	font-weight: normal;
	top: -22px;
	position: relative;
	margin-right: 0px;
	color: #000033;
}

#sp_conte_all {
	padding: 0px;
	clear: both;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 0px;
	height: auto;
	margin-bottom: 0px;
}


/*�u���O����*/
#blog_web {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
}
#blog_com {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	font-size: 100%;
	clear: both;
}

/*�blog*/

.kikan41 {
	float: right;
	font-size: 80%;
	font-weight: normal;
	top: 2px;
	position: relative;
	margin-right: 0px;
	color: #000033;
	letter-spacing: 0em;
}

.kikan4 {
	float: right;
	font-size: 80%;
	font-weight: normal;
	top: 2px;
	position: relative;
	margin-right: 0px;
	color: #000033;
	letter-spacing: 0em;
}
.kikan10 {
	float: right;
	font-size: 80%;
	font-weight: normal;
	top: 2px;
	position: relative;
	margin-right: 0px;
	color: #000033;
	letter-spacing: 0em;
}




#main7_coment {
	height: auto;
}
#sumaho_l {
	margin: 0px;
	padding: 0px;
	width: 20%;
	float: left;
}
#sumaho_l img {
	position: relative;
	top: -12px;
	left: -8px;
	margin-bottom: 18px;
	
}
#sumaho_r {
	float: right;
	width: 80%;
	font-size: 95%;
}
.douga_pr {
	clear: both;
}




/*#douga*/



#douga_com {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	font-size: 95%;
	margin-bottom: 20px;
	clear: both;
}
#douga_com table {
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
#douga_com td {
	padding-left: 5px;
	padding-bottom: 8px;
}





/*domain*/

#server_pr {
	padding-top: 40px;
}
#server_pr h3 {
	font-size: 95%;
	text-align: center;	
	border: 1px solid #479cbe;	
	background-color: #0099CC;	/*�w�i�F�i���u���E�U�j*/
	background-image: linear-gradient(#61A0E7 1%, #59c3ef 49%, #5AC1E9 50%);
	background-image: -webkit-linear-gradient(#61A0E7 1%, #59c3ef 49%, #5AC1E9 50%);
	color: #FFF;
	border-radius: 4px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	font-weight: bold;
	letter-spacing: 0.05em;
}
#domein_all {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: 40px;
	clear: both;
}
#server_pr h2 ,.douga_pr h2 ,.blog_pr h2 {
	font-size: 16px;
	letter-spacing: 0.05em;
}

#server_pr #server {
	width: 140px;
}

.domain_com {
	font-size: 95%;
}


#server_pr #domein1 {
	width: 185px;
	margin-top: 20px;
}
#server_pr #domein2 {
	width: 260px;
	margin-top: 20px;
}




/*--#right--*/

#right {
	margin: 0px;
	padding: 0px;
	width: 195px;
	float: right;
}


#right_menu {
	margin: 0px;
	z-index: 10;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 6px #CDCDCD;
	box-shadow: 0px 0px 6px #CDCDCD;
	border-radius: 10px;
	padding: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CDCDCD;
	border-bottom-color: #CDCDCD;
	border-left-color: #CDCDCD;
}
nav#right_1 {
	height: 400px;
	width: 100%;
	position: relative;
	background-color: #FFFFFF;
	z-index: 5;
}

#right_menu ul {
	margin: 0px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 0px;
background: linear-gradient(to right, #e5e5e5 20%,#ffffff 100%);
background: -webkit-linear-gradient(left, #e5e5e5 20%,#ffffff 100%);
background: linear-gradient(to right, #e5e5e5 20%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#right_menu li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
	height: auto;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#right_menu li a {
  display: block;
  text-decoration: none;
}

#right_menu li dd {
  display: none;
}



#right_menu li:hover dt a, #right_menu li a:hover dt a {
	font-weight: bold;
	color: #fff;
	position: relative;
	line-height: 29px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#right_menu li:hover dd, #right_menu li a:hover dd {
  display: block;
}
#right_menu li:hover dl, #right_menu li a:hover dl {

	margin: 0px;
	padding: 0px;
}



#right_menu dl {

	width: 195px;
	margin: 0;
	padding: 0px;
}
#right_menu dt {
	font-size: 15px;
	text-align: center;
	z-index: 50;
}
#right_menu dt a {
	font-weight: bold;
	color: #fff;
}

#right_menu dd {
  margin: 0;
  padding: 0;
  text-align: left;
}


/*.slide1*/
.slide1 dt {
	display: block;
	padding: 0px;
	line-height: 29px;
	text-decoration: none;
	margin: 0px;
	height: 31px;
	border-radius: 10px 10px 0px 0px;
	background-image: linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -o-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -ms-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -moz-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #dad9d8), color-stop(0.49, #7d8387), color-stop(0.5, #1a1a1a));
	background-image: -webkit-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	text-shadow: 0px -1px #777;
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #777 inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #777 inset;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}


#right_menu .slide1 dd a {
	text-decoration: none;
	display: block;
	padding: 0px;
	font-size: 14px;
	line-height: 30px;
	margin: 0px;
	height: 30px;

	
	text-align: left;
	text-indent: 10px;
}




#right_menu .slide1 dd a:hover {
	color: #0066CC;
	text-align: left;
	text-indent: 10px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;

}



/*.slide2*/
.slide2 dt {
	display: block;
	padding: 0px;
	font-size: 15px;
	line-height: 35px;
	text-decoration: none;
	margin: 0px;
	height: 35px;
border-radius: 0px;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);
	background-image: linear-gradient(#FFF, #e3e3e3);
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	z-index: 50;
}



/*�����C���A�j��*/

#illust {
	height: 446px;
	width: 182px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #ffffff;
	clear: both;
}
#illust img {
	position: absolute;
	top: 220px;
}


/*全角丸グラ*/
section.list2 {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;	
	border-radius: 6px;	
	margin-bottom: 15px;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);
	background-image: linear-gradient(#FFF, #e3e3e3);
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	position: relative;
	overflow: hidden;
	padding: 20px;
}


.list2 dd a {
	text-decoration: none;
	display: block;
	position: relative;
	padding: 0px;
	font-size: 14px;
	line-height: 30px;
	margin: 0px;
	height: 30px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	text-align: left;
	text-indent: 10px;
	z-index: 0;
}


.list2 dd a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 30px;
background: -moz-linear-gradient(left,  #ffffff 20%, #e5e5e5 100%);
	background: -webkit-linear-gradient(left,  #ffffff 20%,#e5e5e5 100%);
	background: linear-gradient(to right, #ffffff 20%,#e5e5e5 100%);
	transition: .3s;
}

.list2 dd a:hover:before {
	width: 195px;
	z-index: -5;
}


.list2 dd a:hover {
	margin: 0px;
	padding: 0px;
	color: #0066CC;
	background-color: #FFFFFF;
}




@media only screen and (min-width:541px) and (max-width:820px){ 
img {
max-width : 100% ;
 height : auto ;
 float : none ;
 } 


#contents {
max-width : 100% ;
 height : auto ;
 float : none ;
}

#top_photo_all {
		zoom: 60%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#main {
     float : none ;
    width:99%;
 height : auto ;
 	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
#main_left {

	width: auto;
 float : none ;
}

 
#main_center {
    width:100%;
 height : auto ;
}



#right {
	display: none;
}


#scrollBox {
	display: none;
}





}

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

#main_left {
	font-family: Meiryo;
}

img {
max-width : 100% ;
 height : auto ;
 float : none ;
 } 


#contents {
max-width : 100% ;
 height : auto ;
 float : none ;
}
#top_photo_all {
		zoom: 40%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


#main {
 float : none ;
    width:99%;
 height : auto ;
 	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
#main_left {

	width: auto;
 float : none ;
}

 
#main_center {
    width:100%;
 height : auto ;
}

#gazou {
	width: 100%;
}
#price_hyou {

	width: 92%;

}


#sp_conte_all {
	position: relative;
	top: -10px;
}

#sumaho_l img {
	margin-bottom: 50px;
}
#sumaho_r {
	width: 79%;
}
.sumaho_pr h2 a {
	width: 230px;
}

#douga_com {
	width: 93%;
}


#blog_web {
	margin-top: 40px;
}


.kikan2 {
	left: 213px;	

}

.kikan3 {
	margin-top: 40px;
}



.kikan41 {
	margin-top: 35px;

}

.kikan10 {
	margin-top: 15px;
}


.kikan4 {
	margin-top: 15px;
	margin-bottom: 10px;
}




#right {
	display: none;
}


#scrollBox {
	display: none;
}




}