@charset "Shift_JIS";

/*======================================
　▼・ω・▼　ここからリンク色
=======================================*/

a:link {
	text-decoration: none;
	color: green;
}
a:visited {
	text-decoration: none;
	color: forestgreen;

}
a:hover {
	text-decoration: underline;
	color: gold;
}


/*=== ▼・ω・▼.universal-module ===*/

.f-right{
float: right;
padding: 5px;
border: 1px solid silver;
margin: 0px 0px 10px 10px;
background: white;
}

.f-left{
float: left;
padding: 5px;
border: 1px solid silver;
margin: 0px 10px 10px 0px;
background: white;
}




/*======================================
　▼・ω・▼　ここからポジショニング
=======================================*/

body{
border-top: 5px solid dimgray;
background: url() repeat-x top center fixed ;
}

#container{
overflow: hidden;
width: 760px;
margin: 50px auto 0px auto;
padding: 0px;
}


#header-position{
width: 760px;
overflow: hidden;
clear: both;
margin-bottom: 50px;
}

.left440{
float: left;
overflow: hidden;
width: 440px;
}

.right320{
float: right;
overflow: hidden;
width: 320px;
height: 240px;
}

.contents-position{
width: 760px;
overflow: hidden;
clear: both;
margin-bottom: 40px;
}

.thanks-module p{
width: 720px;
clear: both;
margin-bottom: 40px;
padding: 0px 19px;
background: lavenderblush;
border: 1px solid lightcoral;
font-size: 13px;
color: firebrick;
text-align: center;
height: 40px;
line-height: 40px;
}

.workslist-module{
float: left;
width: 660px;
overflow: hidden;
}

.bnr-module{
float: right;
overflow: hidden;
width: 100px;
margin-top: 20px;
}

.member-module{
float: left;
width: 350px;
overflow: hidden;
}

.mail-module{
float: right;
overflow: hidden;
width: 400px;
}

#footer-position{
clear: both;
overflow: hidden;
width: 760px;
background: dimgray;
text-align: center;
padding: 10px 0px;
}

/*======================================
　▼・ω・▼　デザイン
=======================================*/

#header-position h1{
width: 425px;
height: 100px;
text-indent: -9999px;
background: white url(../_img/sitetitle.png) no-repeat top left;
margin-bottom: 20px;
}

#header-position p.information{
width: 403px;
height: 98px;
border: 1px solid gainsboro;
background: url(../_img/bg_modulebody.png) repeat-x top center;
padding: 10px;
font-size: 12px;
color: dimgray;
}

.workslist-module h2{
width: 200px;
height: 14px;
text-indent: -9999px;
background: url(../_img/title_workslist.png) no-repeat top left;
margin-bottom: 5px;
}

.workslist-module iframe{
float: left;
overflow: hidden;
margin-right: 15px;
margin-bottom: 15px;
}


.bnr-module h2{
display: none;
}

#footer-position h2{
display: none;
}

#footer-position .copyright{
color: silver;
}


.member-module h2{
width: 200px;
height: 14px;
text-indent: -9999px;
background: url(../_img/title_member.png) no-repeat top left;
margin-bottom: 5px;
}

.member-module dl{
width: 320px;
border: 1px solid silver;
padding: 10px;
margin-bottom: 10px;
overflow: hidden;
}

.member-module dt{
border: 1px solid silver;
padding: 1px 5px;
background: url(../_img/bg_headline.png) repeat-x bottom center;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
float: right;
width: 200px;
height: 18px;
line-height: 18px;
text-align: center;
}

.member-module dd.img{
margin-bottom: 5px;
float: left;
width: 105px;
}

.member-module dd.link{
font-size: 11px;
margin-bottom: 5px;
float: right;
width: 212px;
}

.member-module dd.link ul{
margin: 0px;
padding: 0px;
}

.member-module dd.link ul li a{
display: block;
border: 1px solid silver;
padding: 1px 5px;
background: url(../_img/bg_headline.png) repeat-x bottom center;
margin-bottom: 5px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
color: gray;
font-weight: bold;
}

.member-module dd.link ul li a:hover{
text-decoration: none;
color: darkorange;
background: ivory;
}

.member-module dd.link ul li a.none{
color: lightgrey;
background: url(../_img/bg_headline.png) repeat-x bottom center;
}

.member-module dd.info{
clear: both;
font-size: 11px;
color: gray;
}


.mail-module h2{
width: 200px;
height: 14px;
text-indent: -9999px;
background: url(../_img/title_mail.png) no-repeat top left;
margin-bottom: 5px;
}

.mail-module form{
width: 360px;
overflow: hidden;
border: 1px solid silver;
padding: 19px;
margin-bottom: 10px;
}

.mail-module form dl{
width: 360px;
overflow: hidden;
margin: 0px;
}

.mail-module dt{
clear: both;
width: 100px;
float: left;
margin: 7px 0px;
}

.mail-module dd input{
width: 210px;
float: right;
}

.mail-module dd input.checkbox{
float: left;
width: 20px;
margin: 7px 0px 7px 10px;
}

.mail-module dd textarea{
WIDTH: 320px;
HEIGHT: 370px;
margin-top: 0px;
}
 
.mail-module dt.attention{
width: 320px;
margin: 10px 10px 5px 10px;
padding: 4px 9px;
background: lavenderblush;
border: 1px solid lightcoral;
font-size: 11px;
color: firebrick;
text-align: center;
}