@charset "utf-8";

/*基本設定*/
* {	margin: 0; padding: 0; }
body{
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;

    *font-size:small;
    *font:x-small;
	color:#333333;
	text-align:left;
	word-break:break-all;
	background-color: #FFFFFF;
}
table {
    font-size:inherit;
    font:100%;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
p { margin:0px; padding:0px; }
img {
	border-style:none;
	border-width:0;
	margin:0px;
	padding:0px;
}
a { text-decoration:none; }
a img{ border:none; margin:0px; padding:0px; }
a:link {
	color:#669900;
	text-decoration:none;
}
a:visited {
	color:#669900;
	text-decoration:none;
}
a:hover {
	color:#94b74c;
	text-decoration:underline;
}
a:active {
	color:#669900;
	text-decoration:underline;
}
.clear { clear: both; }
.off { color: #999999; }
/*基本設定ここまで*/

/*テンプレートレイアウト設定*/
#wrapper{
	width:100%;
	margin: 0 auto;
	text-align: center;
	background-image: url(../images/header_line.gif);
	background-repeat: repeat-x;
}
#header{
	height: 115px;
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header #info  {
	height: 17px;
	width: 900px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	letter-spacing: 1px;
	padding-top: 3px;
}
#header #logo  {
	float: left;
	height: 60px;
	width: 187px;
}
#header #address  {
	height: 60px;
	width: 713px;
	float: left;
}
#headerNav {
	width: 900px;
	height: 35px;
}
#headerNav .partsLeft {
	float: left;
	height: 32px;
	width: 20px;
}
#headerNav .partsRight {
	float: left;
	height: 32px;
	width: 19px;
}
#headerNav .menu {
	height: 35px;
	width: 123px;
	float: left;
}
#mainContents {
	width: 900px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer {
	width: 900px;
	height: 53px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
}
#pageTop {
	width: 73px;
	height: 25px;
	margin-left: 827px;
}
#footer .line {
	width: 900px;
	height: 2px;
}
#footer #copyright {
	width: 240px;
	height: 26px;
	margin-left: 660px;
}
ul , ol {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#banner {
}
/*テンプレートレイアウト設定ここまで*/

/*メインコンテンツレイアウト設定*/
#mainContents #top_yomigaeri {
	height: 350px;
	width: 900px;
	margin-top: 20px;
}
#mainContents #policy {
	float: left;
	width: 480px;
	margin-top: 12px;
	background-image: url(../images/policy_img.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 248px;
}

#mainContents #policy_title {
	height: 31px;
	width: 480px;
}
#mainContents .policy_contents {
	height: 33px;
	width: 480px;
	margin-top: 15px;
}
#mainContents .policy_name {
	height: 33px;
	width: 480px;
	margin-top: 40px;
}

#mainContents #topics {
	float: left;
	width: 380px;
	margin-left: 40px;
	margin-top: 12px;
}
#mainContents #topics_head {
	height: 31px;
	width: 380px;
}

#mainContents #topics_title {
	float: left;
	height: 31px;
	width: 320px;
}
#mainContents #toplics_all {
	float: left;
	height: 31px;
	width: 60px;
}
#mainContents .topics_archive {
	width: 380px;
	margin-top: 10px;
	line-height: 120%;
}
#mainContents .topics_date {
	background-image: url(../images/topics_circle.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	float: left;
	width: 60px;
	padding-right: 5px;
}
#mainContents .topics_sentence {
	width: 300px;
	float: left;
}
#mainContents .topics_bottom {
	padding-top: 5px;
	height: 1px;
	width: 380px;
}

#mainContents #submenu {
	float: left;
	width: 220px;
	margin-top: 20px;
	margin-right: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#mainContents .category {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../images/news_mark.gif);
	background-repeat: no-repeat;
}
#mainContents #news {
	float: left;
	width: 650px;
	margin-top: 12px;
}
#mainContents #news_title {
	height: 31px;
	width: 650px;
}
#mainContents .news_archive {
	width: 650px;
	margin-top: 12px;
	line-height: 180%;
}
#mainContents .news_date {
	background-image: url(../images/circle.gif);
	background-repeat: no-repeat;
	float: left;
	width: 80px;
	padding-right: 5px;
	background-position: 0px 4px;
	padding-left: 15px;
}
#mainContents .news_mainArea {
	width: 550px;
	float: left;
}
#mainContents .news_sentence {
	width: 265px;
	float: left;
	padding-right: 15px;
}
#mainContents .news_sentence02 {
	width: 540px;
	float: left;
}

#mainContents .title {
	font-weight: bold;
	color: #669900;
	padding-bottom: 10px;
}

#mainContents .news_img {
	width: 270px;
	float: left;
	padding-top: 3px;
}

#mainContents .news_bottom {
	padding-top: 15px;
	height: 1px;
	width: 650px;
}
#mainContents #company {
	float: left;
	width: 650px;
	margin-top: 12px;
}
#mainContents #company_head {
	height: 196px;
	width: 650px;
}

#mainContents #company_title {
	height: 31px;
	width: 650px;
}
#mainContents #company_img {
	width: 650px;
	height: 150px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#mainContents #contact dl , #company dl {
	width: 650px;
	margin-top: 10px;
	float: left;
	line-height: 180%;
}
#mainContents #contact dt , #company dt {
	padding-left: 18px;
	float: left;
	width: 87px;
	padding-right: 5px;
	background-image: url(../images/circle.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#mainContents #contact dd , #company dd {
	width: 535px;
	float: left;
}
#mainContents .company_address {
	float: left;
	padding-right: 10px;
}
#mainContents #map {
	float: left;
	height: 15px;
	width: 50px;
	padding-top: 1px;
}
#mainContents #company_work {
	float: left;
	width: 650px;
	margin-top: 12px;
}
#mainContents .company_works_archive {
	width: 650px;
	margin-top: 10px;
	float: left;
}
#mainContents .company_works_date {
	padding-left: 5px;
	float: left;
	width: 100px;
	padding-right: 5px;
}
#mainContents .company_works_sentence {
	width: 535px;
	float: left;
}
#mainContents #contact {
	float: left;
	width: 650px;
	margin-top: 12px;
}
#mainContents #contact_head {
	height: 196px;
	width: 650px;
}
#mainContents #contact_title {
	height: 31px;
	width: 650px;
}
#mainContents #contact_img {
	width: 650px;
	height: 150px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#mainContents #googlemap {
	height: 398px;
	width: 648px;
	margin-top: 15px;
	float: left;
	border: 1px solid #CCCCCC;
}
#mainContents #link {
	float: left;
	width: 650px;
	margin-top: 12px;
}
#mainContents #link_head {
	height: 196px;
	width: 650px;
}
#mainContents #link_title {
	height: 31px;
	width: 650px;
}
#mainContents #link_img {
	width: 650px;
	height: 150px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#mainContents .link_list {
	width: 627px;
	margin-top: 12px;
	background-image: url(../images/circle.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	float: left;
	background-position: 0px 4px;
	line-height: 180%;
}
#mainContents #works {
	width: 900px;
	margin-top: 12px;
}
#mainContents #works_title {
	height: 31px;
	width: 900px;
}
#mainContents  #works_left_list {
	width: 430px;
	float: left;
	margin-right: 40px;
}
#mainContents  #works_right_list {
	width: 430px;
	float: left;
}
#mainContents .works_list {
	width: 430px;
	float: left;
	margin-top: 20px;
}
#mainContents .works_list_img {
	height: 220px;
	width: 420px;
	padding-left: 5px;
}
#mainContents .works_list_name {
	width: 410px;
	padding-left: 20px;
	background-image: url(../images/circle.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-bottom: 15px;
	background-position: 5px 0px;
	font-weight: bold;
	color: #669900;
}
#mainContents .works_list_explan {
	width: 410px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	line-height: 140%;
}
#mainContents .works_list_detail01 {
	float: left;
	width: 195px;
	padding-left: 10px;
	margin-right: 20px;
	line-height: 140%;
}
#mainContents .works_list_detail02 {
	float: left;
	width: 195px;
	padding-left: 10px;
	line-height: 140%;
	margin-right: -3px;
}
#mainContents .works_list_line {
	height: 1px;
	width: 430px;
	margin-top: 20px;
	float: left;
}
#mainContents #yomigaeri {
	float: left;
	width: 650px;
	margin-top: 12px;
}
#mainContents #yomigaeri_title {
	height: 31px;
	width: 650px;
}
#mainContents #yomigaeri_subtitle {
	height: 29px;
	width: 650px;
	margin-top: 12px;
	margin-bottom: 12px;
}
#mainContents #yomigaeri_mainarea {
	width: 650px;
	line-height: 180%;
}
#mainContents #yomigaeri_toparea {
	width: 640px;
	padding-right: 5px;
	padding-left: 5px;
}
#mainContents #yomigaeri_middlearea01 {
	background-color: #EDEDED;
	width: 630px;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	border: 1px solid #CCCCCC;
	margin-top: 15px;
}
#mainContents #yomigaeri_middlearea02 {
	background-color: #EDEDED;
	width: 630px;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
}
#mainContents .yomigaeri_middlearea_title {
	height: 31px;
	width: 630px;
	margin-bottom: 10px;
}
#mainContents .yomigaeri_middlearea_sentence {
	padding-right: 5px;
	padding-left: 5px;
}
#mainContents #yomigaeri_bottomarea {
	width: 640px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 20px;
}
#mainContents #yomigaeri_proposal {
	float: left;
	width: 650px;
	margin-top: 12px;
}
#mainContents #yomigaeri_pamphlet {
	float: left;
	height: 280px;
	width: 400px;
	margin-top: 20px;
	line-height: 180%;
}
#mainContents #yomigaeri_download {
	background-image: url(../images/pamphlet_mark.gif);
	background-repeat: no-repeat;
	float: left;
	width: 220px;
	padding-left: 30px;
	line-height: 150%;
	background-position: 0px 7px;
	margin-top: 230px;
}
#mainContents #yomigaeri_download a:hover {
	text-decoration: none;
}
#mainContents    #yomigaeri_download    a:active   {
	text-decoration: none;
}

#mainContents  .yomigaeri_download_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669900;
}



#mainContents #yomigaeri_proposal_title {
	height: 31px;
	width: 650px;
}
#mainContents #yomigaeri_works {
	float: left;
	width: 650px;
	margin-top: 12px;
}
#mainContents #yomigaeri_works_title {
	height: 31px;
	width: 650px;
}
#mainContents #example_left_list {
	width: 320px;
	float: left;
	margin-right: 10px;
}
#mainContents #example_right_list {
	width: 320px;
	float: left;
}
#mainContents .example {
	float: left;
	width: 320px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#mainContents .example_img {
	width: 125px;
	padding-left: 5px;
	float: left;
	height: 125px;
}
#mainContents .example_title {
	background-image: url(../images/circle.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	width: 170px;
	float: left;
	padding-left: 20px;
	padding-top: 10px;
}
#mainContents .example_sentence {
	width: 170px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 140%;
}
#mainContents .example_detail {
	float: left;
	height: 22px;
	width: 82px;
	margin-left: 10px;
}
#mainContents #example_mainarea {
	width: 650px;
}
#mainContents #example_title {
	background-image: url(../images/circle.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 632px;
	padding-left: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#mainContents #example_img {
	width: 650px;
}
#mainContents #example_subtitle {
	background-color: #EDEDED;
	width: 638px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: 15px;
}
#mainContents #example_sentence {
	width: 640px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 180%;
	margin-top: 15px;
}
#mainContents  #example_detail01 {
	float: left;
	padding-left: 5px;
	margin-right: 50px;
	line-height: 140%;
}
#mainContents  #example_detail02 {
	float: left;
	line-height: 140%;
}
#mainContents .example_line {
	height: 1px;
	width: 650px;
	margin-bottom: 15px;
	margin-top: 15px;
}
#mainContents #yomigaeri dl {
	line-height: 180%;
	width: 650px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float: left;
	margin-top: 15px;
}
#mainContents #yomigaeri dt {
	float: left;
	width: 120px;
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#mainContents #yomigaeri dd {
	width: 489px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-right: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
#mainContents #example_back {
	text-align: center;
	height: 22px;
	width: 650px;
	margin-top: 20px;
	float: left;
}
