/* ------ @@@ Link @@@ -------- */

a:link 	{
	color:#338888;
	padding:1px;
	text-decoration:none;
	}

a:visited {
	color:#338888;
	text-decoration:none;
	}

a:hover {
	color:#ff0066;
	}

/* ------ @@@ IMG @@@ -------- */

img 	{
	border: none;
	vertical-align: middle;
}

a img 	{
	border:none;
	}

/* ------ @@@ P @@@ -------- */

p {
	margin:0 40px 0 50px;
	padding:0;
	font:normal 12px/16px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	}

p.h3navi2 {
	color:#3333ff;
	margin:5px 0;
	text-align:center;
	display:block;
	font:bold 12px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	min-height:14px;
	}

#wrap-right p {
	color:#ffffcc;
	font:normal 14px/16px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	}

/* ------ @@@ Comon @@@ -------- */
#tophdr {
	float:left;
	height:88px;
	width:500px;
	marign:0 0 0 25px;
	}

#tophdr h1 	{
	clear: both;
	margin-left:25px;
	padding: 5px 0 3px 2px;
	font:bold 34px "ＭＳ Ｐゴシック", "ＭＳ 明朝" , Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	color: #ff6600;
	}

#tophdr p.smart {
	margin-left:25px;
	text-align:left;
	padding:0;
	}

#tophdr-right {
	margin-left:10px;
	height:60px;
	padding:15px 15px 10px 0;
	font:bold 12px "ＭＳ 明朝",sans-serif, "ＭＳ Ｐゴシック", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica;
	color:#ffffff;
	text-align:center;
	}

#tophdr-right a {
	color:#ffffff;
	}

#wrap-right .splink {
	color:#ff0066;
	clear:both;
	font:bold 16px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	border:1px solid #ff0066;
	margin:0 0 5px 5px;
	padding:10px 10px;
	text-align:center;
	}

#wrap-right .splink a:link {
	color:#ff0066;
	}

#wrap-right .splink a:visited {
	color:#ff0066;
	}

#wrap-right .splink a:hover {
	color:#ff0066;
	text-decoration:underline;
	}

#smartphone {
	color: #ff6600;   
	background:#ffffcc;
	border-top: 1px solid #999;   
	border-right: 1px solid #666;   
	border-bottom: 1px solid #666;   
	border-left: 1px solid #999;   
	position:absolute;
	left:50px;
	top:280px;
	width:220px;
	height:55px;
	font:bold 18px " "ＭＳ Ｐゴシック", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica;
	text-align:center;
	padding: 5px 5px;   
	font-weight: bold;   
	cursor: pointer;   
	}

#smartphone p.smart {
	margin:3px 0px 3px 0px;
	text-align:center;
	font-weight: bold;   
	padding:0;
	}

#smartphone p.smart a {
	color: #ff6600;   
	}

/* @@@@@@@@@@------ @@@ top Pankuzu @@@ -------- */

.pankuzu {
	clear:both;
	margin:2px;
	padding: 0 15px;
	font-size:8px;
	text-align:right;
	color:#336666;
	}

.pankuzu a {
	text-decoration:none;
	color:#336666;
	}

.pankuzu a:visited {
	text-decoration:none;
	color:#336666;
	}

.pankuzu a:hover {
	text-decoration:underline;
	color:#ff0066;
	}

/* ------ @@@ Left Navi @@@ -------- */
#navi {
	background-color:#f9d1d8;
	color:#3333ff;
	height:30px;
	}

#navi em {
	display:block;
	padding:10px 0 0 1px;
	color:#ff3366;
	letter-spacing:.1em;
	min-height:12px;
	line-height:1.4em;
	margin:10px 0 2em;
	text-align:center;
	font:bold 12px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
}

#navi a {
	color:#6666ff;
	}

#navi a:visited {
	color:#6666ff;
	}

#navi a:hover {
	color:#ff0066;
	text-decoration:underline;
	}

#left-top {
	background-color:#eeeeee;
	width:500px;
	clear: both;
	margin:0 0 5px 0px;
	padding:2px 0 10px 0;
	text-align:center;
	vertical-align: top;
	font:bold 18px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	}

#left-top h2 	{
	color: #0033cc;
	clear: both;
	margin:0 0 5px 0;
	padding:12px 0 10px 0;
	text-align:center;
	font:bold 18px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	}


.left-left2 {
	clear: both;
	margin:10px 0 10px 10px;
	padding:0;
	font:bold 14px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#3333ff;
	text-align:center;
	}

#left-top .left-left2 a {
	color:#ff6600;
	}

#left-top .left-left2 a:visited {
	color:#ff6600;
	}

#left-top .left-left2 a:hover {
	color:#ff0066;
	text-decoration:underline;
	}

#link {
	width:500px;
	vertical-align: top;
	border-width:5px;
	border-top: 6px solid #ffffff;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	}

#link p.index3 {
	clear: left;
	margin:0 0 5px 55px;
	padding:2px 2px;
	text-align:center;
	}

#link p.index3 a {
	background-color:#ffffcc;
	color:#006699;
	border: 1px solid #555555;
	text-decoration:none;
	width:125px;
	display:inline;
	margin:1px 1px;
	padding:2px 2px;
	font:bold 14px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:15px;
	text-align:center;
	float:left;
	}

#link p.index3 a:hover {
	background-color:pink;
	text-decoration:underline;
	color:#3333ff;
	}

#link p.right-hdr {
	clear: both;
	padding-top: 7px;
	width:220px;
	font:bold 12px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#ff6600;
	text-align:left;
	}


/* ************************************ */
/* ************************************ */


/* ------ @@@ Left Hdr @@@ -------- */
/* ------ @@@ Left Navi @@@ -------- */
/* ------ @@@ Left Hn @@@ -------- */
/* ------ @@@ Left Index @@@ -------- */
/* ------ @@@ Left  UL / LI @@@ -------- */
/* ------ @@@ Left Mail @@@ -------- */
/* ------ @@@ Left navi2 @@@ -------- */

/* ------ @@@ Right Hn @@@ -------- */
/* ------ @@@ Right UL / LI @@@ -------- */
/* ------ @@@ Right Text @@@ -------- */
/* ------ @@@ Index @@@ -------- */
/* ------ @@@ Left p span Text @@@ -------- */
/* ------ @@@ Left Footer @@@ -------- */
/* ------ @@@ Left Address @@@ -------- */


/* ------ @@@ Comon @@@ -------- */
/* ------ @@@ Comon @@@ -------- */
/* ------ @@@ Comon @@@ -------- */


/* ------ @@@ Comon @@@ -------- */

ul	{
	clear:left;
	list-style:none;
	margin:0px; 
	padding:0px;
	}

.clears {
  clear:both;
}

/* ------ @@@ Left H3 @@@ -------- */

h3 	{
	width:420px;
	clear: both;
	margin:10px 0 5px 40px;
	padding:5px 5px 3px 0;
	text-align:center;
	background-color:#ff6600;
	border-style:solid;
	border-color:#ff6600;
	border-width:1px;
	border-bottom: 2px solid #6a7d89;
	border-right: 1px solid #6a7d89;
	font:bold 15px/18px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	color:#ffffff;
	}

h3.yasuku 	{
	background-color:#ff9933;
	color:#ffffff;
	width:430px;
	clear: both;
	margin:10px 0 5px 36px;
	padding:3px 2px 1px 2px;
	text-align:center;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 2px solid #6a7d89;
	border-right: 1px solid #6a7d89;
	font:bold 15px/18px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	}

h3.yasuku a: {
	color:#ffffff;
	text-decoration:underline;
	}

h3.yasuku a:visited {
	color:#ffffff;
	text-decoration:underline;
	}

/* ------ @@@ Left H4 @@@ -------- */

h4 {
	width:400px;
	clear:left;
	margin:10px 0 5px 50px;
	padding:3px 2px 1px 2px;
	color:#dcdcdc;
	border-bottom:2px solid #333333;
	border-right:1px solid #555555;
	text-align:center;
	background-color:#006699;
	font:bold 14px/18px "ＭＳ 明朝", "ＭＳ Ｐゴシック", "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	}

/* ------ @@@ Left Index @@@ -------- */

p.index2 {
	clear: both;
	margin:0 0 5px 55px;
	padding:2px 2px;
	text-align:center;
	color:ff3366;
	}

p.index2 a {
	width:190px;
	display:inline;
	background-color:#cccc99;
	color:#3333ff;
	margin:2px 2px;
	padding:2px 2px;
	font:bold 14px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	text-align:center;
	float:left;
	}

p.index2 a:hover {
	background-color:pink;
	color:#565;
	}

p.index4 {
	clear: both;
	margin:0 0 5px 55px;
	padding:2px 2px;
	text-align:center;
	color:#ff3366;
	}

p.index4 a {
	background-color:#eeeeee;
	color:#3333ff;
	border: 1px solid #cccccc;
	width:89px;
	display:inline;
	margin:2px 2px;
	padding:2px 2px;
	font:bold 14px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	text-align:center;
	float:left;
	}

p.index4 a:hover {
	background-color:pink;
	color:#565;
	}

p.index4b {
	clear:left;
	margin:0 0 5px 53px;
	padding:2px 2px;
	text-align:center;
	}

p.index4b a {
	background-color:#49abdb;
	color:#ffffff;
	border:1px solid #888888;
	text-decoration:none;
	width:92px;
	display:inline;
	margin:1px 1px;
	padding:2px 2px;
	font:normal 14px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:15px;
	text-align:center;
	float:left;
	}

p.index4b a:hover {
	background-color:pink;
	color:#565;
	font-weight:bold;
	text-decoration:none;
	}


/* ------ @@@ Left p span Text @@@ -------- */

.left-center {
	color:#0033cc;
	clear:both;
	margin:5px 0 5px 25px;
	padding:0;
	text-align:center;
	font:bold 15px/18px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	}

.left-left {
	clear: both;
	margin:10px 0 10px 65px;
	padding:0;
	font:normal 10px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:14px;
	color:#49abdb;
	text-align:left;
	}

#wrap-left p.left-p {
	margin:0 40px 0 50px;
	padding:0;
	font:normal 14px/16px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	line-height: 1.5em;
	}

#wrap-left p.left-center {
	font:bold 14px/16px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	}

p.return {
	color:#3333ff;
	clear: left;
	margin:0;
	padding:8px 12px 0 0;
	font-size:10px;
	line-height:12px;
	text-align:right;
	text-decoration:none;
	}

p.return a {
	color:#3333ff;
	}

/* ------ @@@ Wrap-Right @@@ -------- */

#wrap-right h3 {
	width:170px;
	clear: left;
	font:bold 14px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	margin:15px 0px 5px 35px;
	padding:2px;
	color:#49abdb;
	text-align:center;
	background-color:#c3e1ff;
	border-style:solid;
	border-color:#777777;
	border-width:0px;
	border-right: 1px solid #666666;
	border-bottom: 2px solid #555555;
	}


#wrap-right ul {
  clear:both;
  }

#wrap-right .right-data {
  clear:left;
  margin-left:30px;
  font-weight:normal;
  color:#ffffcc;
  }

#wrap-right .right-data a {
 color:#ffffcc;
 display:inline;
 margin:0;
 padding:0;
 text-align:left;
 font:normal 12px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
 line-height:18px;
 float:left;
 width:52px;  }

#wrap-right .right-data  a:hover {
	color:#3333ff;
	}

#wrap-right p.right3 {
	color:#ffffff;
	clear: left;
	margin:0 0 5px 15px;
	padding:2px 2px;
	text-align:center;
	}
#wrap-right p.right3 a {
	color:#ffffff;
	width:110px;
	display:inline;
	margin:1px 1px;
	padding:3px 2px;
	font:normal 14px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:15px;
	text-align:center;
	float:left;
	}

#wrap-right .right-left {
	color:#ffffff;
	clear: both;
	margin:5px 5px 0 10px;
	padding:0;
	font:normal 12px/14px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:14px;
	text-align:left;
	}

#wrap-right .right-left a {
	color:#2222ff;
	}

.mawarikomi {
   overflow: hidden;
   height: auto;
   color: #000000;
	}

.mawarikomi img {
   float: left;
   margin: 0 10px 0 0;
   padding: 0;
   border: 0;
	}

#wrap-right .pic77 {
	float: left;
	margin:2px 2px 8px 32px;
	height: auto;
	color: #ffffff;
	font:bold 12px "Verdana" ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;	}

#wrap-right .pic77 img {
   float: left;
   margin: 0 10px 0 0;
   padding: 0;
   border: 0;
	}

#wrap-right .right-left2 {
	color:#ffffcc;
	clear: both;
	margin-left:15px;
	padding:0;
	font:normal 14px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:1.2em;
	text-align:left;
	}

#wrap-right .right-left2 a:hover {
	color:#ffffcc;
	text-decoration:underline;
	}

#wrap-right .right-type1-white	{
	color:#ffffcc;
	font-size:14px;
	line-height:1.4em;
	font-weight:bold;
	}

#wrap-right .right-type1-pink	{
	color:pink;
	font-weight:bold;
	font-size:14px;
	line-height:1.4em;
	font-weight:bold;
	}

/* ------ @@@ Top navi1 @@@ -------- */

#navi1 {
	clear:both;
	margin: 2px 20px 10px 20px;
	padding:0 0 10px 0;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #ff6600;
	text-align: center;
	}

#navi1 a:hover {
	text-decoration:underline;
	color:#ff0066;
	}

/* ------ @@@ bottom navi2 @@@ -------- */

#navi2 {
	clear:both;
	margin: 2px 265px 10px 10px;
	border-left: 0px;
	border-right: 0px;
	border-top: 2px solid #ff6600;
	border-bottom: 2px solid #ff6600;
	}

#navi2 a {
	color:#333333;
	}

#navi2 a:visited {
	color:#333333;
	}

#navi2 a:hover {
	text-decoration:underline;
	color:#3333ff;
	}

#navi2 p {
	color:#333333;
	margin:5px 0;
	text-align:center;
	display:block;
	font:normal 12px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	min-height:14px;
	}

/* ------ @@@ bottom Address @@@ -------- */

address {
	clear:both;
	color:#4582cd;
	padding:20px;
	text-align:center;
	font:normal 12px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:16px;
	}

/* ------ @@@ 下記はホームでのみ使用 @@@ -------- */

#wrap-right h3.side {
	clear: both;
	width:230px;
	font:bold 12px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	margin:10px 0 15px 15px;
	padding:5px 0 2px 0;
	color:#ffffff;
	background:#cc9966;
	text-align:center;
	}

#wrap-right p.right-center {
	clear: both;
	margin:5px 5px 5px 5px;
	color:#444444;
	font:bold 12px "ＭＳ Ｐゴシック", "ＭＳ 明朝", Verdana ,"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	text-align:center;
	}