@charset "utf-8";

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

	1: Application all
	2: Flame layout
	3: Decoration

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



/*=========================================================

	Application all

==========================================================*/

html,body{
  text-align:center;
  line-height:1.3;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
  margin:0;
  padding:0;
}

body{
  position:relative;
  overflow-x:hidden;
  color:#111;
  width:100%;
  background:url('http://inplex.jp/img/back_body.jpg') 0 0 repeat-x #eee;
}

body#index{
  background:url('http://inplex.jp/img/back_indexbody.jpg') 0 0 repeat-x #eee;
}


table{
  text-align:left;
  font-size:100%;
  color:#111;
}


a{text-decoration:underline;}
a:link{color:#0068b7;}
a:visited{color:#5a4498;}
a:hover{color:#00a1e9;}

img{
  vertical-align:text-bottom;
  border:0;
}

h1,h2,h3,h4,h5,h6{
  font-size:100%;
  margin:0;
}

form,p,dl,dd{
  padding:0;
  margin:0;
}

input,select,textarea{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
}

hr{
  height:1px;
  padding:0;
  margin:0;
  border:0;
}

address,em{
  font-style:normal;
}




/*=========================================================

	Flame layout

==========================================================*/

#container{
  position:relative;
  text-align:left;
  font-size:12px;
  width:790px;
  margin:0 auto;
  background:url('http://inplex.jp/img/back_container.jpg') 50% 0 no-repeat;
}


body#index #container{
  background:url('http://inplex.jp/img/back_indexcontainer.jpg') 50% 0 no-repeat;
}


#layout{
  text-align:left;
  color:#111;
  width:780px;
  margin:0 5px;
  background:#fff;
  line-height:17px;
}

#layout:after{
  content:".";
  height:0;
  clear:both;
  display:block;
  visibility:hidden;
}


#contents{
  float:left;
  width:490px;
  padding:0 0 0 20px;
  line-height:22px;
  font-size:12px;
  color:#000000;
}

body#index #contents{
  padding-top:25px;
}


#side{
  width:230px;
  margin-left:530px;
}

body#index #side{
  position:absolute;
  top:340px;
  right:25px;
  margin:0;
}



/*=========================================================

	Clear Default CSS

==========================================================*/

ul#headernavi,ul#navigation,#side ul,ul#footernavi{
  list-style:none;
  padding:0;
  margin:0;
}



/*=========================================================

	Decoration

==========================================================*/

/*== Header ==============================================*/

h1{
  text-align:left;
  width:182px;
  padding-top:30px;
  margin:0;
}

h1 img{
  margin-left:5px;
}


ul#headernavi{
  position:absolute;
  overflow:hidden;
  top:0;
  right:0;
  text-align:right;
  line-height:30px;
  width:789px;
  height:30px;
  border-right:1px solid #555;
}

ul#headernavi li{
  display:inline;
  padding:50px 0;
  border-left:1px solid #555;
}

ul#headernavi li a{
  padding:30px 10px;
}

ul#headernavi li a:link,
ul#headernavi li a:visited{
  text-decoration:none;
  color:#fff;
}
ul#headernavi li a:hover{
  background:url('http://inplex.jp/img/back_headernavi.jpg') 0 50% repeat-x;
}

/*
ul#navigation{
  overflow:hidden;
  width:744px;
  padding:15px 23px 0;
}

ul#navigation li{
  float:left;
  padding-right:1px;
  background:url('../img/back_navigation.gif') 100% 0 no-repeat;
}

ul#navigation li.last{
  padding:0;
  background-image:none;
}
*/



/*== Contents ============================================*/

h2.caption{
  font-size:150%;
  font-weight:normal;
  padding-bottom:1px;
  margin-bottom:10px;
  border-bottom:1px solid #ccc;
  background:url('http://inplex.jp/img/back_title.gif') 100% 3px no-repeat;
}

h2.below{
  margin-top:30px;
}

h2.caption span{
  color:#37c;
}

div#tugi{
text-align:center;
margin-top:20px;
}

p#top7{
margin-top:10px;
}

span#pici{
color:#FF3333;
}

div#toppic{
margin-top:30px;
}

/*== Side ================================================*/

ul#sidenavi{
  margin:25px 0;
  border-bottom:1px dotted #ddd;
}

ul#sidenavi li{
  border-top:1px dotted #ddd;
}

ul#sidenavi li a{
  display:block;
  text-align:right;
  text-decoration:none;
  color:#333;
  padding:10px 42px 10px 10px;
}

ul#sidenavi li a:visited{color:#333;}
ul#sidenavi li a:hover{color:#777;}


ul#sidenavi li a.flow{background:url('http://inplex.jp/img/icon_navi01.jpg') 100% 50% no-repeat;}
ul#sidenavi li a.price{background:url('http://inplex.jp/img/icon_navi02.jpg') 100% 50% no-repeat;}
ul#sidenavi li a.faq{background:url('http://inplex.jp/img/icon_navi03.jpg') 100% 50% no-repeat;}
ul#sidenavi li a.about{background:url('http://inplex.jp/img/icon_navi04.jpg') 100% 50% no-repeat;}
ul#sidenavi li a.link{background:url('http://inplex.jp/img/icon_navi05.jpg') 100% 50% no-repeat;}

div#sidecon{
background-color:#EFEFEF;
padding:5px;
margin-top:15px;
}


/*== Footer ==============================================*/

p#pagetop{
  position:relative;
  text-align:right;
  color:#333;
  width:790px;
  height:87px;
  padding:0 2000px;
  margin:0 -2000px;
  background:url('http://inplex.jp/img/back_pagetop01.gif') 50% 100% no-repeat #eee;
}

p#pagetop img{
  margin:56px 10px 0 0;
}


ul#footernavi{
  position:relative;
  text-align:center;
  color:#fff;
  width:790px;
  padding:25px 2000px;
  margin:0 -2000px;
  background:url('http://inplex.jp/img/back_pagetop02.gif') 50% 0 no-repeat #555;
}

ul#footernavi li{
  display:inline;
}


ul#footernavi li a:link,
ul#footernavi li a:visited{
  text-decoration:none;
  color:#fff;
  padding:0 5px;
}
ul#footernavi li a:hover{
  background:#333;
}


ul#footernavi2{
  position:relative;
  text-align:left;
  color:#fff;
  width:790px;
  padding:10px 2000px;
  margin:0 -2000px;
  background-color:#555555;
}

ul#footernavi2 li{
  display:inline;
}


ul#footernavi2 li a:link,
ul#footernavi2 li a:visited{
  text-decoration:none;
  color:#fff;
  padding:0 5px;
}
ul#footernavi2 li a:hover{
  background:#333;
}


p#copyright{
  position:relative;
  text-align:center;
  color:#fff;
  width:790px;
  padding:25px 2000px;
  margin:0 -2000px;
  background:#555;
}



.kFF0000px12g16{
	color: #FF0000;
	font-size:12px;
	line-height:16px;
}