@charset 'UTF-8';

html, body, div, span, h1, h2, h3, h4, h5, h6,p, blockquote, pre, address,ul, ol, li, dl, dt, dd,table, th, td, form, fieldset {
	list-style: none;
	margin: 0;
	zoom: 1;
	line-height: 1.4;
	font-family:
		font-family: 'メイリオ','ＭＳ Ｐゴシック', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', Verdana, Roboto, 'Droid Sans', sans-serif; font-size : 100%;
	font-weight:normal;font-style:normal;
}
ul {list-style: none;}
a {text-decoration: none;}
img {border: 0;}
em {visibility: hidden;}
/* set image max width to 100% */
img:not(.non) {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
img.qr {
	min-width: 20px;
	height: auto;
	width: auto\9; /* ie8 */
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {text-align : center; -webkit-text-size-adjust: 100%; background-color: #fffffff;}



a {
	color: 	#556b2f;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}



/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

.logo_gazou{
	position: relative; top: 0px; bottom: 0px ; left: 0px;
	width="840px";
}	 
.logo{
	position: relative; top: 0px; bottom: 5px ; left: 5px;
	margin:5px 5px 5px 0px;
	float:left;
	width="171px";
}	 
.logo_text{color:#F08300; font-size: 40px; line-height: 50px;  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 900;text-decoration: none; padding:10px 5px 7px 5px;}
.logo_text a{color:#F08300;text-decoration: none;}



.title_text {color: gray; font-size: 15px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; line-height: 3mm; margin:0px 50px 4px 5px;}

/* メニュー */
#menu_box{width: 100%; margin: 0 auto; text-align:left; }



.kakomi	{
	border:6px solid #999;
	padding: 5px;
	margin-bottom:5px;
	text-align: center;
	border-radius:  20px;	/* Safari,Google Chrome用 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;	/* Firefox用 */
}
.red1{border: 3px solid #ff0000;}
.maroon1{border: 3px solid #800000;}
.olive1{border: 3px solid #808000;}
.orange1{border: 3px solid #ffa500;}
.darkgreen1{border: 3px solid #006400;}
.navy1{border: 3px solid #000080;}

/* color */
.red{color:#ff0000;}
.maroon{color:#800000;}
.olive{color:#808000;}
.orange{color:#ffa500;}
.darkgreen{color:#006400;}
.navy{color:#000080;}



#photo{margin:0px; width:840px; height:470px;}

#wrapper {margin: 0 auto; text-align:left; width: 100%; max-width:960px; }
#wrapper2 {background-color:#ffffff; margin: 0 auto; text-align:left; width: 100%; max-width:640px;}
#wrapper3 {background-color:#ffffff; margin: 0 auto; text-align:left; width: 100%; max-width:960px;}

#sita-header{ background-color:#004042; margin: 0 auto; text-align:left; width: 100%; }
#naka-header{margin: 0 auto; text-align:left; width: 100%; }
#ue2-header{ margin: 0 auto; text-align:left; width: 100%; }

#ue-header{height: 0;
	/*表示画像の高さ ÷ 表示画像の幅 × 100*/
	padding-top: 11%;
	background: url('../images/top100.jpg') 0 0 no-repeat;
background-size: contain;}

#header{ margin: 0 auto; text-align:left; width: 100%; }

#header2{ background-color:#004042; margin: 0 auto; text-align:left; width: 100%;  }


#menu100{background-color: #ffffff; position: relative; top: 0; width:100%; height: 40px;}


/* 本文 */
#main {background-color: #ffffff;　margin: 0 auto; text-align:left; width: 100%; }
#main_m {background-color: #ffffff;　margin: 0 auto; text-align:left; width: 100%;}

#honmon{background-color: #ffffff; width: 66%; margin-top: 0px; padding: 1% 2% 2% 2%; float:left; min-height: 600px;　padding-bottom: 800px;　margin-bottom: -800px;}
#honmon2{background-color: #ffffff; width: 100%; margin-top: 0px; padding:1px  4% 0% 0%; text-align: center; max-width: 960px;}
#honmon3{background-color: #ffffff; width: 54%; margin-top: 0px; padding: 6% 2% 3% 3%; float:left; min-height: 600px;}
#honmon_top{width: 622px; margin-top: 0px; padding:1px 4px 10px 4px; float:left;}		
/* サイド */	
#left_side {background-color: #ffffff; margin-top: 0px; width: 28%;  padding:2%  0px  1%  1%;  float:left;}
#left_side3 {background-color: #ffffff; margin-top: 0px; width: 38%;  padding:2%  0px  1%  1%;  float:left;}
#leftside_top {margin-top: 0px; padding-right: 2px; padding-left: 2px; padding-top: 10px; width: 322px;  float:left;}


/* footer */		
#footer {width:100%; padding: 0;
	background-color: #ffffff;
	border-top: 1px solid #376397; 
	color: #808080;
font-size: 85%; clear:both;}
#footer a {
	color: #808080;
}
#footer_m {width: 920px; height:40px; padding-right: 40px; padding-bottom: 4px; border-top: 1px solid #376397;
	background: #fff;
	color: #808080;
font-size: 85%; clear:both;}
#footer_m a {
	color: #fff;
}
.touroku_m {color: #808080; font-family: Verdana, sans-serif; font-size: 74%; letter-spacing: -0.1em;}	
.touroku {color: #808080; font-family: Verdana, sans-serif; font-size: 74%; letter-spacing: -0.1em;}	
.touroku_top {color: #808080; font-family: Verdana, sans-serif; font-size: 85%;}	

.gotop{color: #808080; padding:10px 20px; font-size: 90%; }

.gotop a{color: #808080; text-decoration: none;}

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

ul.blog_top li {
	float: left;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}

.clearLeft { 
	clear: left; 
}


/*780px以下*/

@media only screen and (max-width: 700px) {
	
.photo1{margin:0px; max-width: 680px; width:100％;  height: auto;}
.tab{margin:0px; max-width: 488px; width:100％;  height: auto;}

#wrapper {background-color: #ffffff; margin: 0 auto; text-align:left; width: 100%; max-width:760px;}
#wrapper2 {background-color: #ffffff; margin: 0 auto; text-align:left; width: 100%; max-width:640px;}


#header {background-color:#000000; margin: 0 auto; text-align:left; width: 100%;}
#header2{ background-image:url(../images/tablet.jpg);  background-position:top center; background-repeat: no-repeat; width:100%;  height :100%; max-height: 448px;}

.logo{position: relative; top: 0px; bottom: 5px ; left: 5px;
	margin:5px 5px 5px 0px;
float:left; width: 120px; height: auto;}

.logo_text{color:#F08300; font-size: 15px; line-height: 25px;  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 700; text-decoration: none; padding:10px 5px 7px 5px;}
.logo_text a{color:#F08300;text-decoration: none;}


.title_text {color: gray; font-size: 10px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; line-height: 15px; margin:0px 2px 4px 5px;}

/* 本文 */
#main {background-color: #ffffff; margin: 0 auto; text-align:left; width: 100%; }

#honmon{width: 97%; margin-top: 0px; padding:6% 1% 2% 1%; }
#honmon2{width: 96%; margin-top: 0px; padding:2px 2% 2% 2%;}	
#honmon3{width: 99%; margin-top: 0px; padding:2px 2% 2% 2%;}		
/* サイド */	
#left_side {  width: 95%; margin-top: 0px; padding:2px 1% 3% 2%;}
#left_side3 {  width: 100%; margin-top: 0px; padding:2px 1% 2% 1%;}

/* footer */		
#footer  {  width: 98%; margin-top: 0px; padding:2px 1% 2% 1%;
	background-color:: #fff;
	color: #808080;
font-size: 85%; clear:both;}
#footer a {
	color: #808080;
}
.touroku {color: #808080; font-family: Verdana, sans-serif; font-size: 74%; letter-spacing: -0.1em;}
.touroku1 {font-family: Verdana, sans-serif; font-size: 70%;}	
.gotop{ padding:10px 20px; }

.gotop a{text-decoration: none;font-size:100%; }

}
/*780px以下終わり*/



#footer_menu ul {
	text-align: center;
}
#footer_menu ul li {
	display: inline;
	padding:6px 24px;
	font-size: 90%;
}








select{font-size: 1rem;}

img.right1{
	text-align: center;
	padding-right: 10px;
	padding-top: 20px;
	float: left;/*画像の配置場所*/
	font-size: 80%;/*キャプションの文字サイズ*/
	color: gray;/*キャプションの文字色*/
}


img.fuchi {
	padding: 5px;
	float: right;/*画像の配置場所*/
	font-size: 80%;/*キャプションの文字サイズ*/
	color: gray;/*キャプションの文字色*/
}

img.fuchi-moojimigi {
	float: right;
	margin: 0 0 0 15px !important;
	padding: 0 !important;
	border: 0 !important;
}

img.fuchi-moojihidari {
	float: left;
	margin: 0 15px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

strong { font-weight: bold;}
em { font-style: italic;}

table#keinasi{border-collapse: collapse;border-collapse: collapse;}
table#keinasi th{background-color: #cccccc; color: #000000;}
table#keinasi td{border-top:#cccccc solid 1px; border-bottom:#cccccc solid 1px; color: #808080; border-collapse: collapse;}

.touroku {font-family: Verdana, sans-serif; font-size: 85%;}
.touroku1 {font-family: Verdana, sans-serif; font-size: 70%;}


table.sotokei { border: solid 2px #f90; border-collapse: collapse; color: #333; font-size: 90%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 130%; padding: 3px;}
table.sotokei1 { border: solid 2px #f90; border-collapse: collapse;}
td.kei { border-right: 1px dotted gray; border-bottom: 1px dotted gray; border-left: 1px dotted gray; border-collapse: collapse; }
td.kei1 { border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse; }
td.kei11 { border-left: 1px  solid #f90; border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse; }
td.kei2 { border-top: 1px dotted gray;  border-right: 1px dotted gray; border-bottom: 1px dotted gray; border-left: 1px dotted gray; border-collapse: collapse; }
td.kei3 { border-top: 1px solid #f90; border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse; }
td.beta1 {background-color:#F08300; color: #FFFFFF; font-weight: bold; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-collapse: collapse;}
td.beta {background-color:gray; color: #FFFFFF; font-weight: bold; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-collapse: collapse;}
td.kei5 { border-top: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse; }
.kei_ue { border-top: 1px solid #f90; border-collapse: collapse; }
.kei_sita { padding: 6px 3px; border-bottom: 1px solid #f90; border-collapse: collapse; }
.kei_sita2 { padding: 6px 3px; border-bottom: 1px solid #008080; border-collapse: collapse; }

.kei_sita_pan { padding: 6px 3px; border-bottom: 2px solid orange; border-collapse: collapse; }
.kei_sita_pan2 { padding: 6px 3px; border-bottom: 2px solid gray; border-collapse: collapse; }
.kei_sita_pan3 { padding: 6px 3px; border-top: 3px solid gray; border-bottom:1px solid silver;  border-collapse: collapse; }
.bg_pan { padding: 6px 3px; background-color:orange; color:#ffffff; font-weight: bold; font-size:100%;}

td.kei11 { padding: 8px; border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-left: 1px solid #f90; border-collapse: collapse; }


.bun08{ color: #333; font-size: 80%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 150%; padding: 3px;}
.bun08h{ color: #333; font-size: 80%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 150%; padding: 3px;}
.bun09{ color: #333; font-size: 90%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 140%; padding: 3px;}
.bun09h{ color: #333; font-size: 90%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 140%; padding:  3px;}
.bun1{ color: #333; font-size: 100%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 140%; padding: 3px;}
.bun11{ color: #333; font-size: 110%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 150%; padding:  3px;}
.bun12{ color: #333; font-size: 120%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 160%; padding:  3px;}
.bun16{ color: #333; font-size: 160%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 200%; padding:  3px;}
.bun075{ color: #333; font-size: 75%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 120%; padding:  3px;}
.bun075hh{ color: #333; font-size: 75%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 95%; padding:  3px;}
.bun075g{ color: #dcdcdc; font-size: 75%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 120%; padding:  3px;}
.bun07{ color: #333; font-size: 70%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 110%; padding:  3px;}
.bun085h{ color: #333; font-size:85%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 150%; padding:  3px;}
.bun065{ color: #333; font-size: 65%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 90%; padding:  3px;}
.bunk1{ color: #333; font-size: 75%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 120%; padding: 3px;  border-top: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse;}

.topicpath ol li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
	font-size: 85%;
}

.topicpath ol li a {
	/* aの背景画像に記号の画像を指定 */
	
	/* 右寄せ＆リピート無し */
	
	padding-left: 1%; 
	font-size: 85%;
}


table.right1{float:left; margin-right: 10px; }
table.left1{float:right; margin-left: 10px; }

.
ul#pho{width: 100%;}
ul#pho li {
	margin: 0; padding: 0; display: inline-block;
width: 30%; }


.cen{text-align: center; }	



.ta09{ color:#808080;  font-size: 90%;  line-height: 200%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; padding: 5px;}
.ta10{ color: #008080; font-size: 120%; line-height: 150%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-weight: bold;}
.ta09r{ color : #800000;  font-weight:bold; font-size: 90%;  line-height: 200%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; margin-top: 40px;}
.ta09m{ color:  #b8860b;  font-weight:bold; font-size: 90%; line-height: 200%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  margin-top: 40px;}
.ta09ml{ color: #556b2f;  font-weight:bold; font-size: 90%;  line-height: 200%; ; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; margin-top: 40px; }






#news100{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.89, #d7d8d5), color-stop(0.48, #fff), color-stop(0.08, #d7d8d5));
	background: -webkit-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
	background: -moz-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
	background: -o-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
	background: -ms-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
	background: linear-gradient(to bottom, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
	
	color: #000000;
	font-size: 100%;
}

#company-bar{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.89, #d7d8d5), color-stop(0.48, #fff), color-stop(0.08, #d7d8d5));
	background: -webkit-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
	background: -moz-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
	background: -o-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
	background: -ms-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
	background: linear-gradient(to bottom, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
	
	color: #000000;
	font-size: 100%;
}
#news-waku {
	width:95%;
	height:40px;
	padding:0;
	text-align:left;
	line-height:40px;
	font-size:90%;
	font-weight: bold;
	text-indent:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.60, #ED6D1F), color-stop(0.00, #ffAD5D));
	background: -webkit-linear-gradient(top, #ffAD5D 0%, #ED6D1F 60%);
	background: -moz-linear-gradient(top, #ffAD5D 0%, #ED6D1F 60%);
	background: -o-linear-gradient(top, #ffAD5D 0%, #ED6D1F 60%);
	background: -ms-linear-gradient(top, #ffAD5D 0%, #ED6D1F 60%);
	background: linear-gradient(to bottom, #ffAD5D 0%, #ED6D1F 60%);
	-webkit-box-shadow: 19px 17px 15px -15px rgba(0,0,0,0.63);
	-moz-box-shadow: 19px 17px 15px -15px rgba(0,0,0,0.63);
	box-shadow: 19px 17px 15px -15px rgba(0,0,0,0.63);
	
	color:#FFF;
}

.illust {
	
	padding: 10px;
	overflow: hidden;
	position: relative;
}
.illust ul {
	list-style: none outside none;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	left: 50%;
}
.illust ul li {
	float: left;
	margin-right: 5px;
	padding: 5px;
	position: relative;
	left: -50%;
}

.cl   {
	clear: both;
}


.list {
	padding: 10px;
	overflow: hidden;
	position: relative;
}
.list ul {
	list-style: none outside none;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	left: 50%;
}
.list ul li {
	float: left;
	font-size: 90%;
	font-weight: bold;
	
	padding: 2px 5px;
	position: relative;
	left: -50%;
}
div.list-box{text-align: center;}
.inline-block li {
	display: inline-block;
	margin: auto; 
	padding: 1%;
	
} 
html*.inline-block {
	display: inline;
	zoom: 1;
}

dl,dt,dd{margin: 0; padding: 0;}
.filelist dt,.filelist dd
{
	font-size: 1em; 
	height: 100%; 
	padding: 1% 0 0 1%; 
	overflow: hidden; 
	white-space: normal;
	float: left;
	border-bottom: 1px solid gray; /
	margin-top: -1px; 
}
.filelist dt
{
margin-left: -1px; }
.filelist dt.nas, .filelist dd.nas
{
border-bottom: 0px; /}
.filelist dt{width: 33%; }
.filelist dd{width: 63%; }
@media screen and (min-width:569px) and (max-width: 960px) { /* 表＋左右マージンを取る事を考えて、幅を指定する */
	/* 表組全体の外枠に該当 */
	.filelist
	{
	width:100%; /* 列幅の合計 + border幅(1px) x 列数 */
}
.filelist dt
{
	width: 44%; /* 見出し列幅 - border幅(1px) - padding幅(4px) */
}
.filelist dd
{
	width: 54%; /* 内容列幅 - border幅(1px) - padding幅(4px) */
}
}
@media screen and (max-width: 568px) { 
.filelist {width: 90%;}
.filelist dt
,.filelist dd
{
	width: 100%;
	margin-left: 0; /* 罫線復活 */
}
}

.button {
	display       : inline-block;
	border-radius : 30%;          /* 角丸       */
	font-size     : 1.4em;        /* 文字サイズ */
	text-align    : center;      /* 文字位置   */
	cursor        : pointer;     /* カーソル   */
	padding       : 6px 12px;   /* 余白       */
	background    : #000066;     /* 背景色     */
	color         : #ffffff;     /* 文字色     */
	line-height   : 1em;         /* 1行の高さ  */
	transition    : .3s;         /* なめらか変化 */
	box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
	border        : 2px solid #000066;    /* 枠の指定 */
}
.button:hover {
	box-shadow    : none;        /* カーソル時の影消去 */
	color         : #000066;     /* 背景色     */
	background    : #ffffff;     /* 文字色     */
}

<style>
ul.footer {
	text-align: center;
}

li{
	display: inline-block;
	padding: 0 10px;
	font-size:0.9em;
	font-weight: bold;
}