@charset "utf-8";
/*¥ê¥»¥Ã¥ÈCSS*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/*±¾ÎÄé_ʼ*/
body{
font-size:14px;
line-height:30px;
color:#333;
font-family: ¥á¥¤¥ê¥ª,Meiryo,¡±¥Ò¥é¥®¥Î½Ç¥´ Pro W3¡å,¡±Hiragino Kaku Gothic Pro W3¡å,¡±£Í£Ó £Ð¥´¥·¥Ã¥¯¡±,sans-serif;
}

@media screen and (max-width:640px){
#header{
width:90%;
}
}

h1{
margin:10px 0 20px 0;
max-width:400px;
height:auto;
}

@media screen and ( max-width:640px ){
h1{
width:100%;
height:auto;
}
}

.container{
max-width:800px;
width:100%;
margin:0 auto;
height:auto;
}

#contents{
max-width:800px;
margin:0 auto;
}

@media screen and (max-width:640px){
#contents{
width:90%;
margin:0 auto;
}
}
@media screen and (max-width:640px){
ul{
margin:20px 0;
}
}
ul li{
list-style: none;
float:left;
margin:20px 0px 40px 0px;
}

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

ul li:nth-child(1){
margin-right:35px;
}

@media screen and (max-width:640px){
ul li:nth-child(1){
margin-bottom:20px;
margin-right:0px;
}
}
ul li a{
width:380px;
height:40px;
background: url(/life/lics/img/bunner_bg.gif) left top no-repeat;
border: solid 1px #abe2e0;
border-radius:5px;
display: block;
}

@media screen and (max-width:640px){
ul li a{
width:100%;
height:40px;
background:url(/life/lics/img/nav_bg.png) left top repeat-x;
}
}
ul li a:hover{
opacity:0.7;
}

#footer{
clear:both;
}

@media screen and (max-width:640px){
#footer{
width:90%;
margin:0 auto;
}
}
#footer dl{
padding:20px 0;
}
#footer dt{
float:left;
width:20%;
margin-bottom:10px;
}

#footer dd{
float:left;
width:80%;
margin-bottom:10px;
}

#footer span{
display:block;
text-align:right;
font-size:0.7em;
}