@charset "UTF-8";
@import url(reset.css);

/* width */
.wMain { width: 800px; }
.wStage{ width: 800px; }
.wHalf { width: 400px; }
.wNavi { width: 210px; }
.wContent { width: 550px; }

/* font */
.fBig    { font-size: 24px; font-weight: normal}
.fNormal { font-size: 14px; }
.fSmall  { font-size: 12px; }

/* height */
.hNormal { padding: 0; margin: 0; height: 10px; font-size: 1px;}
.hHalf { height: 5px; }

/* position */
body { line-height: 160%; color: #333333; background: white; }
#stage { margin: 0 auto; /*background-image:url(../images/back.gif);*/ }
#wrap {  margin: 0 auto; /*border-right: 2px solid #EBEDE8; border-left: 2px solid #EBEDE8; */padding: 0; }

/* head */
#head { height: 16px; background-color: royalblue; border-bottom: 2px solid #EBEDE8; padding: 5px 0 0 0 ; }
#head h1 { line-height: 110%; font-size: 12px; color: white; margin: 0 auto; }

/* header */
#header { height: 65px; padding: 5px 0 0 0; }
#header h1 { font-size: 16px; line-height: 130%; float:left; margin: 0; padding: 0; margin-top: 20px;}
#header h1 a { color: #333333; }
#header a  { color: green; text-decoration: none; }
#header li a { font-size: 12px; padding-left: 10px; }
#header ul { float:right; margin:0; padding:0; text-align:right; }
#header li {  background:transparent url(../images/arrow_right.jpg) no-repeat scroll left; display:inline; list-style-type:none; margin-left:5px; padding-left:7px; }

/* footer */
#footer { margin-top: 10px; height: 40px; border-top: 4px #EBEDE8 solid; }
#footer p { float:right; font-size: 12px; }
#footer p a  { color: black; text-decoration: none; }
#footer a  { color: royalblue; text-decoration: none; }
#footer a:hover  { color: black; }
#footer li a  { font-size: 12px; padding-left: 5px; }
#footer ul { margin:0; padding:0; text-align:center; }
#footer li {  background:transparent url(../images/arrow_right.jpg) no-repeat scroll left; display:inline; list-style-type:none; margin-left:3px; padding-left:0px; }
.footerContents { border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; margin-top: 10px; }


/* menu */
#menu li {float: left; }
#menu li {padding: 0; margin: 0;}
#menu li img{padding: 0; margin: 0; }

/* topcotnents */
#topcontents {}

/* topcotnents */
.topcontents_left { float: left; width: 210px; }
.topcontents_right { float: right; width: 570px; border-left: 1px solid #CCCCCC; padding-left:10px;}


/* navi */
.navi { margin-top: 13px; border: 1px solid gray; float: right; background-color: #F4F4F4; padding: 5px; }
.navi a  { color: #354ab2; text-decoration: none; padding-left: 5px; }
.navi a:hover  { color: orange; }
.navi li  { padding: 0; margin: 0; }
.navi li a  { line-height: 110%; font-size: 14px; border-left: 5px solid green; }

/* maincotnents */
.maincontents { float: left; margin-top: 13px;}

/* contnets*/
.topimg { padding: 5px; background: aliceblue; width: 545px; border: 1px solid #CCCCCC;}
.topimg img { background: white; border: 1px solid #CCCCCC;}
.column { margin: 20px 0; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC; }
.column .serviceImg{ float: right; width: 150px;}
.columnTitle { color: #333333; font-weight: bold; line-height: 120%; 
               border-left: 5px solid orange;
               border-bottom: 1px dotted orange;
               padding: 1px 0 0 8px;
               font-size: 120%;
               margin: 5px 0;
             }
.columnTitle h2 { float: left; font-weight: bold; }
.columnTitle p { text-align: right; color: royalblue;}
.column .contents { padding: 10px 10px 5px 10px; line-height: 140%;}
.title { color: #333333; font-weight: bold; line-height: 120%; 
         border-left: 5px solid royalblue;
         border-bottom: 1px dotted royalblue;
         padding: 0 0 0 8px;
         margin: 10px 0;
       }
.contents h3 { color: #333333; font-weight: bold; line-height: 110%; padding-left: 10px; border-left: 5px solid green; margin: 0 0 3px 0; }
.contents p { padding-left: 15px; }
.contents ul { }
.contents li { padding: 0 0 5px 0; margin: 5px 20px 10px 0; border-bottom: 1px dotted gray;}
.contents li li { line-height: 110%; padding: 0 0 0 10px; margin: 5px 0px 5px 20px ; border: none; border-left: 5px solid  green;}
.contents_img { line-height: 200%; font-size: 10px; margin-left: 10px; width: 200px; float: right; text-align: center; }
.contents_img_frame { padding: 2px; background: #F4F4F4; border: 1px solid gray; }
.contents_img img { border: 1px gray solid; width: 190px; clear: both;}

/* sideContent*/
.sideContents { font-size: 12px;}
.sideContents li { padding: 1px 5px; margin: 5px 0 5px 0; font-weight: bold; text-decoration: none; }
.sideContents li a{ text-decoration: none; color: black;}
.subList li { line-height: 110%; padding: 3px 0 7px 0px; margin: 3px 0 7px 20px;border-bottom: 1px dotted gray; background:none; list-style-type: disc; font-weight: normal;}

/* contents_info */
#contents_info { font-height: 14px; line-height: 2em; }
#contents_info table { font-size: 12px; width: 100%;}
#contents_info th { vertical-align: top; width: 100px; }
#contents_info .odd{ background: aliceblue;}

/* to_top */
.to_top { float: right; margin: 0; padding: 0;}
.to_top a { font-size: 12px; padding-right: 20px; background:transparent url(../images/arrow_top.jpg) no-repeat scroll right; }

/* more */
.more { float: right; margin: 0; padding: 0; }
.more a { font-size: 14px; padding-right: 20px; color: green; text-decoration: none; }
.more a:hover  { color: orange; }

/* common*/
.clear {clear:both; font-size: 12px; height: 1px; line-height: 1%; }
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
.inner { width: 800px; margin: 0 auto; }