@charset "Shift_JIS";


/*
===== universal reset =================================
*/

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote {
	margin: 0px;
	padding: 0px;
}
body { font-size: 100.01%; color: #777777; line-height: 1.6em; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
caption, cite { font-style: normal;font-weight: normal; }
caption, th { text-align: left;font-weight: lighter; }
ul, ol { clear: both;list-style: none;margin: 0px;padding: 0px; }
li { list-style: none;font-size: 100%;line-height: 1.25em; }
input.btn { width: auto; }
hr,.areaAnchor,.anchor { display: none; }
img ,object { border: 0px;vertical-align: text-botom; }
em { visibility: hidden;color: #CCCCCC;font-size: 7px; }
acronym, abbr{ cursor: default; }

/* clear
--------------------*/

.clear {
    clear: both;
} 



body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #777777;
	font-size: 14px;
	background: #F6F6F6 url(../img/bg_header.jpg) repeat-x;
}

body.bg01 {
	background: #F6F6F6 url(../img/01/bg_header.jpg) repeat-x;
}

body.bg02 {
	background: #F6F6F6 url(../img/02/bg_header.jpg) repeat-x;
}

#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	text-align: left;
}

.logo {
	width: 60px;
	height: 40px;
	padding-top: 9px;
	background: url(../img/adincs_logo_s.jpg) no-repeat;
	background-position: 0px 9px;
}

#main {
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 30px;
}

#box {
	padding: 0 0 20px 0;
}

.tit {
	float: left;
	padding-bottom: 20px;
}

.tit40 {
	float: left;
	padding-bottom: 40px;
}

.stit {
	float: left;
	padding: 20px 0 15px 0;
}

#box .wrap {
	width: 1000px;
	clear:both;
}

#box .wrap .line {
	background: url(../../adincs/img/_table_bg.gif);
	background-position:right;
	background-repeat: repeat-y;
}


.ph_l {
	float: right;
	padding: 8px 0 0 20px;
	font-size: 10px;
	text-align: left;
}

#case {
	padding: 20px 0 0 0;
}

#example01 {
	width: 320px;
	padding: 0 0 6px 0;
	float: left;
	background: url(../img/ph_bg.jpg) no-repeat;
}

#example02 {
	width: 320px;
	padding: 0 20px 6px 20px;
	float: left;
	background: url(../img/ph_bg.jpg) no-repeat;
	background-position: top center;
}

#example03 {
	width: 320px;
	padding: 0 10px 6px 170px;
	float: left;
	background: url(../img/ph_bg.jpg) no-repeat;
	background-position: 170px 0px;
}

#example04 {
	width: 320px;
	padding: 0 170px 6px 10px;
	float: left;
	background: url(../img/ph_bg.jpg) no-repeat;
	background-position:  10px 0px;
}

.ph {
	padding: 0 15px 5px 15px;
}

#case p {
	width: 290px;
	height: 50px;
	padding: 0 15px;
	font-size: 12px;
	line-height: 1.3em;
}

.note {
	font-size: 12px;
	padding: 20px 0 0 0;
}

.line {
	width: 1000px;
	height: 2px;
	background: url(../img/line.gif) repeat-x;
	margin: 20px 0 20px;
	clear: both;
}

#box01 {
	width: 918px;
	height: 670px; 
	padding: 30px 41px;
	margin-bottom: 20px;
	background: url(../img/bg_01.jpg) no-repeat;
}

#box01 .txt {
	width: 918px;
	height: 20px;
	clear: both;
}

#box02 {
	width: 918px;
	height: 770px; 
	padding: 30px 41px;
	margin-bottom: 20px;
	background: url(../img/bg_02.jpg) no-repeat;
}

#box02 .stit {
	padding: 20px 0 8px 0;
}

#box02 ul li {
	font-size: 12px;
	line-height: 1.5em;
}

#box02 ol li {
	font-size: 12px;
	line-height: 1.5em;
	padding-left: 5px;
}

#box02 .left {
	width: 440px;
	float: left;
}

#box02 .right {
	width: 440px;
	float: right;
}


#GoToContact {
	width: 860px;
	height: 32px;
	padding: 7px 29px 36px 29px;
	margin-bottom: 15px;
	background: url(../img/flow_001_2.jpg) no-repeat;
}


#box03 {
	width: 918px;
	height: 628px; 
	padding: 30px 41px;
	margin-bottom: 20px;
	background: url(../img/01/bg_01.jpg) no-repeat;
}

#box04 {
	width: 918px;
	height: 1724px;
	padding: 30px 41px;
	margin-bottom: 20px;
	background: url(../img/02/bg_01.jpg) no-repeat;
}

#GoToContact02 {
	width: 860px;
	height: 32px;
	padding: 35px 29px 15px 29px;
	margin-bottom: 15px;
	background: url(../img/02/flow_001_2.jpg) no-repeat;
}

#flow01 {
	width: 918px;
	height: 545px;
}
#flow01 .ph1 {
	float: left;
}
#flow01 .ph2 {
	float: right;
	width: 198px;
	height: 35px;
	padding: 131px 18px 9px 10px;
	background:url(../img/01/flow_002.jpg) no-repeat;
}
#flow01 .ph3 {
	float: right;
}

#flow01 a:hover img{
opacity:0.0;
filter:alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";
background:none!important;
}


#GoToContact01 {
	width: 860px;
	height: 32px;
	padding: 7px 29px 36px 29px;
	margin-bottom: 15px;
	background: url(../img/01/flow_001_2.jpg) no-repeat;
}

/*
===== GO TOP ==========================================
*/

#go-to-top { width: 1000px; height: 25px; text-align: right; float: right; font-size: 10px; margin: 0 0 20px 0; padding: 0; background: url(../img/line.gif) repeat-x; background-position: bottom; }
#go-to-top .arrow a { padding-left: 13px; margin-top: 2px; background: url(../img/gototop.gif) no-repeat; background-position: left; float: right; color: #777777;}
#go-to-top .arrow a:link { background: url(../img/gototop.gif) no-repeat; background-position: left; display:block; }
#go-to-top .arrow a:visited { background:url(../img/gototop.gif) no-repeat; background-position: left; }
#go-to-top .arrow a:hover { background:url(../img/gototop.gif) no-repeat; background-position: left;}

#go-to-top01 { width: 1000px; height: 25px; text-align: right; float: right; font-size: 10px; margin: 0 0 20px 0; padding: 0; }
#go-to-top01 .arrow a { padding-left: 13px; margin-top: 2px; background: url(../img/gototop.gif) no-repeat; background-position: left; float: right; color: #777777;}
#go-to-top01 .arrow a:link { background: url(../img/gototop.gif) no-repeat; background-position: left; display:block; }
#go-to-top01 .arrow a:visited { background:url(../img/gototop.gif) no-repeat; background-position: left; }
#go-to-top01 .arrow a:hover { background:url(../img/gototop.gif) no-repeat; background-position: left;}



/*
===== fotter ==========================================
*/

#footer {
	width: 100%;
	text-align: left;
	padding-bottom: 30px;
	background: url(../img/bg_fotter.jpg) repeat-x;
}

#f_box {
	width: 1000px;
	height: 175px;
	margin: 0 auto;
	padding: 21px 0;
}

.f_logo {
	width: 60px;
	height: 40px;
	background: url(../img/adincs_logo_ss.jpg) no-repeat;
	float: left;
}

.contact {
	width:400px;
	height: 150px;
	padding: 10px 0 15px 50px;
	background: url(../img/bg_contact.jpg) no-repeat;
	float: left;
	font-size: 12px;
	line-height: 1.65em;
}

.copyright {
	font-size: 10px;
	text-align: center;
	padding: 15px 0;
	color: #888888;
}




/*
===== font reset =================================
*/


dl,dt,dd, ul,ol,
h1,h2,h3,h4,h5,h6,
p,caption,th,td,input,textarea,select,
a,blockquote,fieldset,pre,form {
    font-size: 1.0em;
	font-weight: normal;
}

.t12 { font-size: 12px; line-height: 1.4em;}
.t12_details { font-size: 12px; line-height: 1.6em;}
.bbk { color: #000000; font-weight: bold;}
.red { color: #FF7272;}
.big { font-size: 20px; font-weight: bold;}


/*
===== link setting ===========================
*/

a { font-size: 100%; }
a:link { text-decoration: underline; color:#999999; }
a:visited { text-decoration: underlin; color:#777777; }
a:hover { text-decoration: underline; color:#FF7272; }
a:active { text-decoration: none; color: #FF2626;}

a img{
background:none!important;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none!important;
}


/*
===== hr =================================
*/
hr.style-one { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); }