@charset "UTF-8";
/* CSS Document */

@import url("defo.css"); 

#contentsArea {auto; overflow:hidden; width:100%; height:auto; margin:0 auto; margin-bottom:50px;}

#mainArea { max-width: 720px;width:100%; height:auto; margin: 0 auto;}
#main_img { margin-top:10px;}
#mainArea h2 {margin:20px 0 10px 5px; font-size:16px; color:#4e4d4d;} 
#mainArea .contents { margin-left:0px; width:100%; margin-top:15px;}
#mainArea .contents p{ margin-top:10px;}
#mainArea p { font-size:16px; line-height:20px; } 
#mainArea table tr td { vertical-align:top; padding-right:10px;}
#mainArea .pdf { margin-top:20px;}
#mainArea .pdf p { font-size:16px; color:#666666; line-height:12px; padding-top:5px; margin-left:-5px; }
#mainArea .pdf a {text-decoration: none;}
#mainArea .pdf a :hover { text-decoration: underline;}

#contentsTable table { border:1px solid #e5e5e5; width:100%;}
#contentsTable table tr{ border:1px solid #e5e5e5;}
#contentsTable table tr th { background-color:#fbf9f9; border:1px solid #e5e5e5; width:160px;}
#contentsTable table tr td { width:560px; border:1px solid #e5e5e5;}
#contentsTable table tr th p { margin:30px 10px; font-size:16px;}
#contentsTable table tr td p { margin:10px; font-size:16px;}
#contentsTable table tr td p a { text-decoration: none; color:#53a861;}
#contentsTable table tr td p a:hover { text-decoration: underline;}
#contentsTable table tr td .work { margin-left:10px;}
#contentsTable table tr td ul{ margin:10px 0 10px 20px; line-height:20px;  color:#4e4d4d; list-style:none; font-size:16px;}
#contentsTable table tr td p span{font-size:16px; color:#333333;}

#footernav {margin:36px auto; width:435px;}
#footernav ul { list-style:none; overflow:hidden; border-left:1px solid #ff9b1d;}
#footernav ul li { float:left; font-size:16px; color:#ff9b1d; border-right:1px solid #ff9b1d; padding:0 10px; line-height: 24px;} 
#footernav ul li a {color:#ff9b1d; text-decoration: none;}
#footernav ul li a:hover { text-decoration: underline;}
#footernav .logo { margin-top:15px;}

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
}

@media only screen and (max-width:959px){
#mainArea h1 img{max-width: 100%;}
#main_img img{max-width: 100%;}
}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
#footernav {margin:36px auto; width:98%;}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

}