/* smartPhone */
@media screen and (max-width: 640px) {

.clearfix:after {
    clear:both;
    content:" ";
    display:block;
    height:0;
    visivility:hidden;
}

/* added */

a {color: #b8860b;
text-decoration: none;
	border: none;
	}

a:link{color:#b8860b;
	border: none;
	}
a:visited{color: #b8860b;
	border: none;}
a:hover{
	color:#b8860b;
	font-style: normal;
	border: none;
}

/*body */
body {background-color: #330033;
	  margin: 0;
	  font-family: "ＭＳ Ｐ明朝, 細明朝体";
}

/*container */
#container	{margin: 0;
			 padding: 15px 0;
	         width: 100%;
	         background-color: #e6e6fa;
}


/*header */
#header {height: auto;
         width: 100%;
	     margin: 0 0 25px;
}

#headersite {
	
	background-color: #FFFFF0;
}
#headersite h1 {
	padding : 0 10px;
	text-align: center;
	font-size: 12px;
	font-family: "ＭＳ Ｐ明朝, 細明朝体";
	color: #330033;
	margin: 0 0 3px;
	display: none;
}
#headersite ul{
	margin: 0;
	padding:0 auto;
	text-align: center;
}

#headersite li{
	padding: 15px 7px 5px 0px;
	text-align: center;
	list-style-type: none;
	display: inline;
	text-decoration: none;
	font-size: 13px;
}

#headersite li a {
	color: #330033;
	
}

#headersite li a:hover {
	color: #b8860b;
}

#headersite img{
	border: none;
}

/*header name */
#headername {
	height: auto;
	background-color: #330033;	
}
#headername h2 {
	padding: 8px 20px 0 0;
	text-align: right;
	font-size: 17px;
	font-family: "ＭＳ Ｐ明朝, 細明朝体";
	color: #b8860b;
	margin: 0;
}
#headername address {
	padding: 8px 20px 5px 0;
	text-align: right;
	font-size: 14px;
	font-family: "ＭＳ Ｐ明朝, 細明朝体";
	color: white;
	margin: 0;
}

#headername p {
	padding: 8px 20px 0 0;
	text-align: right;
	font-size: 18px;
	font-family: "ＭＳ Ｐ明朝, 細明朝体";
	color: white;
	margin: 0;
}

#headername img{
	padding: 0;
	float: none;
	border: none;
	width: 100%;
}


/*navi */
#navi {width: 100%;
	float: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#navi ul {width: 100%;
	      height: auto;
		  padding: 0;
	      margin: 0;	 		 
}

#navi li	{
			float: left;
			height: 30px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		 	width: 124px;
	     	border-left: 1px dotted #ddd;
			background-color: #800080;
			border-bottom: 4px solid #330033;
			list-style-type: none;				 
}

#navi li a	{display: block;
			 position: relative;
		 	 height: 30px;
			 width: 124px;
			 font-size: 13px;
			 text-align: center;
			 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			 text-decoration: none;
			 line-height: 30px;
	     	 color: #FFFFF0;
			 background-color: #696969;
			 border-bottom: 4px solid ##330033;	
}
#navi li a:hover:after,#navi li a.on:after{
				content: "▲";
				color: #d8bfd8;
				font-size: 4px;
				position: absolute;
				bottom: -15px;
				left: 55px;
				}

/*slideimage flexslider */
/* added */
.flexslider {
	float: none;
	width: 100%;
	height: auto;
	clear:both;
	}

.flex-caption {
    /* キャプションの表示位置・サイズ */
    position: absolute;
    top     : 165px;
    left    :   0px;
    width   : 100%;
    height  : 20px;
    font-size: 12px;
    float: left;
    margin: 0px;
    padding :0px;
    /* キャプションの文字色・背景 */
    color  :white;
    background-color : rgb(0, 0, 0);
    opacity : 0.5;
}


.mainbarner {width: 100%;
             height: auto;
			 margin: 0;
			 padding: 0;
			 border: 0;
			 display: none;
}
.mainbarner img {width: 100%;
                 height: auto;
			     margin: 0;
			     padding: 0;
			     border: 0;
			     clear: both;
}

.mainbarner ul {margin: 0;
                display: inline;
				padding: 0;
				list-style: none;
				border: none;
}
.mainbarner li {margin: 5px 0;
				float: left;
				display: inline;
				font-size: 11px;
				text-align: center;
				height: auto;
				border: none;
}



/*main content */
#main {margin: 0;
	   clear: both;
}


.maincontenttop {
	width: 100%;
	height: auto;
	border: solid 2px #330033;
	background-image: url(image/imagehaikei.gif);
	margin: 0;
}
.maincontenttop h2	{
	text-align: center;
	font-size: 13px;
	font-family: "ＭＳ Ｐ明朝, 細明朝体";
	color: #330033;
	padding: 5px auto;
	margin: 5px auto;
}
.maincontenttop hr	{border-bottom: solid 1px #330033;
				 width: 90%;
				 text-align: center;
				 margin: 5px auto;	
}
.category {font-size: 11px;
			text-align: center;
			font-family: "ＭＳ Ｐ明朝, 細明朝体";
			color: #666666;
}
.maincontenttop img {
	padding: 0;
	margin: 15px 0 0;
	vertical-align: bottom;
	float: none;
	width: 100%;
	height: auto;
}

.maincontenttop h3 {
	padding: 0;
	margin: 30px auto 20px;
	text-align: center;
	font-size: 17px;
	text-decoration: none;
	border: none;
	font-family: "ＭＳ Ｐ明朝, 細明朝体";
	color: #330033;
}
.maincontenttop p {font-family: "ＭＳ Ｐ明朝, 細明朝体";
	margin: 25px auto 0;
	font-size: 13px;
	text-align: center;
	color: #333;
	padding: 0;
}


/*content */
#content {width: 100%;
          height: auto;
		  float: none;
		  margin: 0;
		  padding: 0 auto;
		  
}

.dresscontent {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	float: none;
	overflow: hidden;
}

.dresscontent img{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	
}

.dresscontent h3 {width: 100%;
					text-align: center;
					font-size: 14px;
					font-family: "ＭＳ Ｐ明朝, 細明朝体";
					color: #FFFFF0;
					background-color: #330033;
					padding: 0;
					margin: 0;
}
.dresscontent p {width: 100%;
	             font-size: 14px;
	             text-align: center;
	             font-family: "ＭＳ Ｐ明朝, 細明朝体";
	             color: #666666;
	             padding: 0;
	             margin: 0;
}
.dresscontent ul {margin: 0;
				  padding: 0;
				  list-style: none;
				  width: 100%;
}
.dresscontent li {
				  float: left;
				  width: 200px;
				  display: inline;
				  font-size: 13px;
				  text-align: center;
				  height: auto;
				  border: none;
				  font-size: 14px;
				  padding: 0 auto;
	              margin: 0;
}

.dresscontent h4 {
	width: 160px;
	font-size: 12px;
	color: #b8860b;
}

.dresscontent:last-child {margin-right: 0;}

.dresscontent + .dresscontent +.dresscontent +.dresscontent {margin-right: 0;}

/*sub content */
#subcontent {width: 300px;
		  float: none;
		  margin: 0 auto;
}

.sidemenu {width: 300px;
	       height: auto;
	       padding: 0 auto;
	       margin: 0 0 15px 0;
		   border: solid 2px #800080;
		   background-color: #FFFFF0;
}



.sidemenu h4 {width: 300px;
					text-align: center;
					font-size: 17px;
					font-family: "ＭＳ Ｐ明朝, 細明朝体";
					color: #FFFFF0;
					background-color: #800080;
					padding: 0 auto;
					margin: 0;
}

.sidemenu p {width: 290px;
			 text-align: center;
			 font-size: 12px;
			 font-family: "ＭＳ Ｐ明朝, 細明朝体";
			 color: #333;
			 padding: 10px 0;
			 margin: 0 auto;
}

.sidemenuinfo {width: 300px;
	       height: auto;
	       padding: 0 auto;
	       margin: 0 0 15px 0;
		   border: solid 2px #800080;
		   background-color: #FFFFF0;
}
.sidemenuinfo h4 {width: 300px;
					text-align: center;
					font-size: 17px;
					font-family: "ＭＳ Ｐ明朝, 細明朝体";
					color: #FFFFF0;
					background-color: #800080;
					padding: 0;
					margin: 0;
}

.sidemenuinfo p {width: 290px;
			 text-align: center;
			 font-size: 13px;
			 font-family: "ＭＳ Ｐ明朝, 細明朝体";
			 color: #333;
			 padding: 10px 0;
			 margin: 0 auto;
}
.sidemenuinfo ul {margin: 0;
				padding: 0;
				list-style: none;
}
.sidemenuinfo li {margin: 5px 5px;
				width: 290px;
				
				font-size: 13px;
				text-align: center;
				height: auto;
				border: none;
}

.topicinfo {width: 300px;
	       height: auto;
	       padding: 0 auto;
	       margin: 0 0 15px 0;
		   border: solid 2px #800080;
		   background-color: #FFFFF0;
}
.topicinfo h4 {width: 300px;
					text-align: center;
					font-size: 17px;
					font-family: "ＭＳ Ｐ明朝, 細明朝体";
					color: #FFFFF0;
					background-color: #800080;
					padding: 0;
					margin: 0;
}
.topicinfo p {width: 290px;
			 text-align: right;
			 font-size: 13px;
			 font-family: "ＭＳ Ｐ明朝, 細明朝体";
			 color: #333;
			 padding: 10px 0;
			 margin: 0 auto;
}
.topicinfo ul {text-align: right;
				overflow-y: scroll;
			    height: 120px;
				padding-right: 10px;
}

.topicinfo ul li {list-style: none;
				  padding: 3px;
				  border-bottom: 1px solid #ccc;
				  font-size: 10px; #363636;
}



.sidedrestype {width: 300px;
	       height: auto;
	       padding: 0 auto;
	       margin: 0 0 15px 0;
		   border: solid 2px #800080;
		   background-color: #FFFFF0;
		   display: none;
}
.sidedrestype h4 {width: 300px;
					text-align: center;
					font-size: 17px;
					font-family: "ＭＳ Ｐ明朝, 細明朝体";
					color: #FFFFF0;
					background-color: #800080;
					padding: 0;
					margin: 0;
}

.sidedrestype p {width: 290px;
			 text-align: center;
			 font-size: 13px;
			 font-family: "ＭＳ Ｐ明朝, 細明朝体";
			 color: #333;
			 padding: 10px 0;
			 margin: 0 auto;
}
.sidedrestype ul {margin: 0;
				padding: 0;
				list-style: none;
}
.sidedrestype li {margin: 5px 5px;
				width: 290px;
				
				font-size: 14px;
				text-align: right;
				height: auto;
				border: none;
}


/*footer */
#footerouter {clear: both;
		      background-color: #330033;
              margin: 0;
		      padding: 0;
}
#footer {
    margin: 0;
    background-color: #330033;
    text-align: left;
    width: 100%;
	height: auto;
}

#footerleft {
    float: none;
    width: 100px;
	height: auto;
	background-color: #330033;
}
#footerhome {
    float: none;
    height: 65px;
    width: 180px;
}

#footerhome img {height: auto;
                 width: auto;
                 margin: 15px 0 0 85px; 
                 width: 100%;
				 
}


#footeraddress {
    			height: auto;
    			margin: 15px 0 0 85px; 
    			width: 180px;
				text-align: center;
				font-size: 10px;
				font-family: "ＭＳ Ｐ明朝, 細明朝体";
				color: #FFFFF0;
				font-weight: bold;
}
#footercopname {
    			height: auto;
				margin: 15px 0 0 85px; 
    			width: 180px;
				text-align: center;
				font-size: 13px;
				font-family: "ＭＳ Ｐ明朝, 細明朝体";
				color: #b8860b;
}



#footerright {
    float: none;
    width: 100%;
	background-color: #330033;
}
.footerright hr	{border-bottom: solid 1px #330033;
				 width: 95%;
				 text-align: center;
				 margin: 5px auto;	
}
#footerright p {
                text-align: center;
				font-size: 12px;
				font-family: "ＭＳ Ｐ明朝, 細明朝体";
				color: #FFFFF0;
				font-weight: bold;
                width: 95%;
				height: auto;
				marigin: 0;
				padding: 10px 10px 10px;
}

#footer_menu ul{width: 100%;
    padding: 5px 0;
}
#footer_menu li {
    display: inline;
    float: left;
    margint: 0;
    padding-left: 15px;
	font-size: 14px;
				font-family: "ＭＳ Ｐ明朝, 細明朝体";
				color: #FFFFF0;
}
#footercopyright {
                text-align: right;
				font-size: 13px;
				font-family: "ＭＳ Ｐ明朝, 細明朝体";
				color: #FFFFF0;
                width: 100%;
				height: auto;
				marigin: 0;
				padding: 0;
}
/* pankuzunabi*/
.topic-path {
  list-style-type: none;
}
.topic-path li {
  display: inline;
  font-family: "ＭＳ Ｐ明朝, 細明朝体";
	font-size: 12px;
	margin-left: 10px;
	color: #330033;
}
/* End pankuzunabi*/

}