@charset UTF-8;


/*--------------------------------------------------------------------
ϊέθ
--------------------------------------------------------------------*/
html,body {
color:#333333;
background-color:#cccccc;
background-image:url(../images/bg.gif);
margin: 0;
padding: 0px;
font-size: 88%;
font-family: "CI", "MS UI Gothic","lr oSVbN", "Osaka", "qMmpS Pro W3", sans-serif;
margin: 0;
padding: 0;
font-size: 12px; COLOR: #555555; LINE-HEIGHT: 20px;
background-color:#ffffff;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
font-family: "CI", "lr oSVbN", "Osaka", "qMmpS Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
line-height:20px;
}

table, caption, th, td {
font-family: "CI", "lr oSVbN", "Osaka", "qMmpS Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "CI", "lr oSVbN", "Osaka", "qMmpS Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}

A:link {
COLOR: #002C40; TEXT-DECORATION: underline
}
A:visited {
COLOR: #002C40; TEXT-DECORATION: underline
}
A:active {
COLOR: #FF8D42; TEXT-DECORATION: underline 
}
A:hover {
COLOR: #FF8D42 ; TEXT-DECORATION: underline
}

a { outline:none;}
a { text-decoration: none; } 
a { overflow: hidden; }


div:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

img {
border-style: none;
}

/* IE7Εpaddingwθ */
*:first-child+html body {
padding-left: 1px;
}

/* IE6ΘΊΕpaddingwθ */
*html body {
padding-left: 1px;
}

.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}

/*--------------------------------------------------------------------
y[W€ΚCAEg
--------------------------------------------------------------------*/

#container {
	width:960px;
	background-color:#ffffff;
	margin:0 auto;
	padding:0;
	border:#CCCCCC 1px solid;
	display:block;
}

#header {
	margin:0 0 10px 0;
	padding:0;
	background-image:url(http://sydsolution.com/images/headerBg.jpg);
	background-repeat:no-repeat;
	height:100px;
	border-bottom:#CCCCCC 1px solid;

}
#headerL {
	float:left;
	width:650px;
}

#headerR {
	float:left;
	width:310px;
}


#content {
	margin:0 0 10px 0;
	clear:both;
	overflow:hidden;
} 

#left {
	float:left;
	width:238px;
	background-color:#eee;
	padding:10px 10px 0 10px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
	display:inline;
	overflow:hidden;

}

#right {
	float:left;
	width:650px;
	background-color:#fff;
	padding:10px 10px 0 10px;
	margin-left:10px;
	margin-right:10px;
	display:inline;
	overflow:hidden;

}

#footer {
	background-color:#eeeeee;
	padding:10px;
	clear:both;
	margin:0;
	width:940px;
	border-top:#CCCCCC 1px solid;
	display:inline-block;
}

/*--------------------------------------------------------------------
hedeer@logo
--------------------------------------------------------------------*/
div#headerL #headerll {
width:220px;
float:left;
height:100px;
}

div#headerL #submenu {
width:420px;
float:left;
height:100px;
}

div#headerL #submenu p{
font-size:14px;
font-weight:bold;
margin-top:10px;
color:#FFFFFF;
}

div#headerL #headerll div#logo {
	width:220px;
	height:100px;
	display:block;
	margin:0;
	}

div#headerL #headerll div#logo a{
	width:220px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin:0;
	}
	
div#headerL #headerll div#logo a:hover{
	width:220px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin:0;
	} 


	
/*--------------------------------------------------------------------
hedeer@Gnavi
--------------------------------------------------------------------*/


ul#GNavi {
	margin:5px 0 0 0;
	list-style-type:none;
	float:right;
	
}

ul#GNavi li {
	margin-right:10px;
	display: inline;
	color:#FFFFFF;	
}
 
ul#GNavi li a {
text-decoration:underline; 
color:#FFFFFF;
}   

ul#GNavi li a:hover {text-decoration:underline; color:#FF9900;}  

/*--------------------------------------------------------------------
Left
--------------------------------------------------------------------*/

div#left div.navi {
margin:0 0 10px 0;
overflow:hidden;
border:1px solid #fff;
background-color:#E1EFF8;
}

div#left div.navi div {
background-color:#72B7E0;
background-position:left;
line-height:30px;
background-image:url(../images/mark.gif);
background-repeat:no-repeat;
padding-left:20px;
padding-right:5px;
}
div#left div.navi ul {
margin:0 0 5px 0;
}
div#left div.navi ul li {
background-color:#E1EFF8;
background-position:left;
line-height:20px;
list-style:none;
padding:0 5px 5px 0;
border-bottom:1px dotted #ccc;
list-style-image:url(../images/mark2.gif);
list-style-position:outside;
margin:0 5px 0 24px;
}

div#left div.navi ul li ul {
margin:0;
}

div#left div.navi ul li ul li {
background-color:#E1EFF8;
background-position:left center;
line-height:20px;
padding:0;
margin:5px 0 5px 16px;
border-bottom:none;
border-left:none;
list-style-image:url(../images/mark2.gif);
list-style-position:outside;
}

/*--------------------------------------------------------------------
right@index
--------------------------------------------------------------------*/
div.column2 { margin: 0 auto ; width : 650px ; display:inline; clear:both;}
div.column2L { float : left ; width : 325px ; overflow:hidden; margin:0 5px 0 0; }
div.column2R { float : right ; width : 320px ; overflow:hidden;  }



/*--------------------------------------------------------------------
right
--------------------------------------------------------------------*/
div#right h2#CatchCopy {
background-image:none;
clear:both;
margin:0 0 10px 0;
padding:0;
}
div#right h1 {
line-height:38px;
background-image:url(../images/H2TitleBg.jpg);
background-repeat:n
o-repeat;
padding:0 5px 0 36px;
clear:both;
color:#2E92CD;
font-weight:bold;
font-size:16px;
margin-bottom:10px;
}

div#right h2.ct2 {
line-height:38px;
background-image:url(../images/H2TitleBg2.jpg);
background-repeat:no-repeat;
padding:0 5px 5px 36px;
clear:both;
}

div#right h2 {
line-height:38px;
background-image:url(../images/H2TitleBg.jpg);
background-repeat:no-repeat;
padding:0 5px 5px 36px;
clear:both;
color:#2E92CD;
font-weight:bold;
}

div#right h3 {
margin:0 0 0 0;
padding:0 10px;
color:#2E92CD;
clear:both;
font-weight:bold;
background-image:url(../images/H3TitleBg.jpg);
background-repeat:no-repeat;
line-height:32px;
}

div#right p {
margin:0 0 10px ;
padding:0 10px;
clear:both;
}

div#right p.Details {
margin:10px ;
padding:0 10px;
clear:both;
float:right;
}


/*--------------------------------------------------------------------
List
--------------------------------------------------------------------*/
div#right ul.list01 {
margin:0 0 10px ;
padding:0 10px 0 26px;
clear:both;
}

div#right ul.list01 li {
border-bottom:1px dotted #ccc;
margin:5px 0 ;
list-style-image:url(../images/mark3.gif);
list-style-position:outside;
padding:0 5px 5px 0;
clear:both;
}

div#right ul.list02 {
margin:5px 0 10px;
padding:0 10px 0 10px;
clear:both;
}

div#right ul.list02 li {
border-bottom:1px dotted #ccc;
margin:0 0 5px ;
list-style:none;
padding:0 5px 5px 0;
clear:both;
}


div#right ul.list03 {
margin:0 10px 10px 10px ;
padding:0 10px 0 10px;
clear:both;
}

div#right ul.list03 li {
margin:15px 0 ;
list-style-image:url(../images/mark3.gif);
list-style-position:outside;
padding:0 0 5px 0;
clear:both;
}
/*--------------------------------------------------------------------
totop
--------------------------------------------------------------------*/


div#pagetop {
	margin:10px 0;
	float:right;
	clear:both;
}



/*--------------------------------------------------------------------
footer@navi
--------------------------------------------------------------------*/


ul#FootNavi {
	margin:0;
	list-style-type:none;
	
}

ul#FootNavi li {
	margin-right:10px;
	display: inline;	
}
 
ul#FootNavi li a {
text-decoration:underline; 
}   

ul#FootNavi li a:hover {text-decoration:underline; }  

/*--------------------------------------------------------------------
pϋ
--------------------------------------------------------------------*/
div.pankuzu {
	margin:0 5px 5px 0;
}

/*--------------------------------------------------------------------
GACAEg
--------------------------------------------------------------------*/

div.Area p {
	margin:20px 0;
}

div.AreaPrice {
	padding:15px;
	background-color:#BBD0FD;
	border:#FFFFFF dotted 2px;
}
/*--------------------------------------------------------------------
e[uCAEg
--------------------------------------------------------------------*/
table.ta01 {
	width:600px;
}

table.ta01 td {
	border-bottom:#999999 dotted 1px;
}

/************************************************
* Sitemap * 
************************************************/
ul li.home {
list-style-type: none;
}

ul.tree {
margin: 0 0 0 1em!important;
padding: 0!important;
list-style: none!important;
}
ul.tree ul {
margin: 0 0 0 1em!important;
padding: 0!important;
}
ul.tree li {
margin:5px 0 10px 0!important;
padding: 0 0 0 5px!important;

}
ul.tree li.tree_end {
list-style: none;
}

div.aform-content {
	margin:10px;
}
div.aform-content dl {
	margin:10px 0;
	border-bottom:1px solid #ccc;
}

div.aform-content dl dd {
	margin-left:10px;

}