/*wellcom to sunny life*/

/*
──────────────────────────*/
html, body, div, span, figure, img, fieldset,
a, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, small, strong, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{
	background:transport;
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-size:1em;
	}

/*
────────────────────────── htmlbody */
html,body{
	color: #333;
    width:100%;
	height:100%;
    font-family: font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 1px;
	text-align: center;
	background: url("image/bg.gif") ;
	}
	
p{
	line-height: 25px;
	margin: 30px 0;
	}
	
a{text-decoration: none;}

br {
	letter-spacing:0;
	}

/*
────────────────────────── font */	

.subtitle{
	color: #349acc;/*blue*/
	font-size:　26px;
	font-weight: bold;
	}
	
.blue{
	color: #349acc;
	font-weight: bold;}
	
.white{
	color: #fff;
	}

/*
────────────────────────── clearfix */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	}

/*
────────────────────────── article */
.article {
	width: 950px;
	text-align: left;
	margin: 0 auto;
	}
	
/*
────────────────────────── header */
#header {
	height: 75px;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background: #349acc url("image/header/header.gif");
	}

#header h1 {
	width: 100%;
	height: 15px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	letter-spacing: 1px;
	padding-height: 2px;
	}

/*
────────────────────────── headernavi */
#headernavi li {
	display: inline;
	float: left;
	}	
		
/*
────────────────────────── topcut */
#topcut {
	height: 450px;
	width: 100%;
	background: #ffe9ff url("image/topcutbg.jpg") repeat-x;
	margin-top: 75px;
	top: 75px;
	}

/*
────────────────────────── hajimeni */
#hajimeni {
	margin-bottom: 35px;
	background: url("image/br.gif") no-repeat center bottom;
	}
	
#hajimeni .hajimenicut{/*アヒルのカット*/
	background: url("image/hajimenicut.gif") no-repeat center left;
	padding: 20px 0 20px 240px;
	}
	
#hajimeni .hajimeniwhats{/*アヒルのカット*/
	background: url("image/hajimeniwhats.gif") no-repeat center left;
	padding: 20px 0 20px 240px;
	}
	
/*
────────────────────────── syouhin */	
#syouhin {
	width: 950px;
	text-align: left;
	margin: 20px auto;
	padding-bottom: 35px;
	background: url("image/br.gif") no-repeat center bottom;
	overflow: hidden;
	}
	
#syouhin .article{
	display: block;
	background: #EABDFF;
	overflow: hidden;
	}
	
#syouhin .article p{
	margin: 20px 10px 5px 35px;
	}
	
#syouhin img{
	vertical-align:bottom;
	}
	
/*
────────────────────────── yuushimade */
#syoruyi {
	margin-bottom: 23px;
	padding-bottom: 25px;
	background: url("image/br.gif") no-repeat center bottom;
	overflow: hidden;
	}
	
#syoruyi .syoruyicut{/*アヒルのカット*/
	background: url("image/syoruyicut.gif") no-repeat center left;
	padding: 20px 0 20px 240px;
	}
	
#syoruyi .syoruyimibun{/*身分証各種*/
	background: url("image/syoruyimibun.gif") no-repeat right bottom;
	}
	
#syoruyi .syoruyibox{
	font-size: 20px;
	background: url("image/syoruyibox.gif") no-repeat top left;
	padding: 5px 30px;
	}
	
#syoruyi .syoruyiboxtitle{
	font-size: 25px;
	}

/*
────────────────────────── yuushimade */
#yuushimade {
	height: 478px;
	background: url("image/yuushimade_flow.gif") no-repeat center bottom;
	margin-bottom: 15px;
	overflow: hidden;
	}

#yuushimade a{
	color: #349acc;
	font-size: 17px;
	font-weight: bold;
	display: block;
	text-decoration: underline;
	padding: 240px 0 0 25px;
	}

#yuushimade :hover{
	color: #666;
	}
		
/*
────────────────────────── mousikomiwrap */
#mousikomiwrap {
	color: #333;
	width: 100%;
	background: url("image/moushikomi/mousikomiwrapcutbg.jpg") repeat-x;
	margin-top: 75px;
	padding-bottom: 15px;
	}
	
.mousikomi {
	width: 950px;
	text-align: left;
	margin: 20px auto;
	background: #70b9dd;
	overflow: hidden;
	}
	
.mousikomi img{
	vertical-align:bottom;
	}
	
.mousikomi p,
.mousikomi h2,
.mousikomi ol {
	margin-left: 30px;
	}
	
.mousikomi table{
	color: #000;
	border-collapse: collapse;
	margin-left: 30px;
	}
	
.mousikomi table strong{ color: #333;}/*deep gray*/
	
.mousikomi table th, .mousikomi table td{
	padding: 5px;
	}
	
.mousikomi table th{
	text-align: left;
	width: 240px;
	}
	
.mousikomi form{
	font-size: 16px;
	}
	
.mousikomi input, .mousikomi select, .mousikomi textarea{
	font-size: 16px;
	border: solid 1px #70b9dd;
	padding: 5px;
	}
	
.mousikomi .submit {
	margin: 5px 0 0 30px;
	}

/*　フッター
────────────────────────── header */
#footer {
	color: #FFF;
	font-size: 14px;
	width: 100%;
	background: #349acc;
	padding-top: 30px;
	}
	
#footer a {
	color: #FFF;
	}

#footer address{
	font-style: normal;
	}
	
#footer h3 {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	padding: 2px 0 2px 0;
	}
	
#footer .totop{
	text-align: right;
	padding: 20px 0 10px 0;
	}
	
/*　フッターナビ
────────────────────────── footernavi */
#footernavi {
	letter-spacing: 0.2em;
	background: url("image/footer_br.gif") no-repeat left bottom;
	margin-bottom: 15px;
	padding-top: 10px;
	}
	
#footernavi li {
	display: inline;
	float: left;
	line-height: 27px;
	}

/* お問い合わせ form table
────────────────────────── otoiawase */
#otoiawase{
	background: url("image/footer_br.gif") no-repeat left bottom;
	margin: 6px 0 18px 0;
	}
	
#otoiawase p{
	color: #333;
	padding-top: 30px;
	}
	
#otoiawase table{
	border-collapse: collapse;
	}
	
#otoiawase table strong{ color: #333;}/*deep gray*/
	
#otoiawase table th, #otoiawase table td{
	padding: 5px;
	}
	
#otoiawase table th{
	text-align: left;
	width: 240px;
	}
	
#otoiawase form{
	height: 580px;
	font-size: 16px;
	background: url("image/otoiawase_form.gif") no-repeat left top;
	padding: 30px 0 0 30px;
	}
	
#otoiawase input, #otoiawase select, #otoiawase textarea{
	font-size: 16px;
	border: solid 1px #70b9dd;
	padding: 5px;
	}
	
#otoiawase .submit {
	margin-top: 5px;
	}