@media screen,print {

p,li,strong,h1,h2,h3,a,span { font-family: sans-serif !important; }

#catchcopy { padding-top: 8px;}
#catchcopy img{ display: block;}

#works-bg { background-image: url(/image/lp/3dcg/catchcopy4.jpg); background-position: 400px 508px; background-repeat: no-repeat;}

#catchcopy2 {
 width: 800px;
 margin: 0 auto 0;
}
#catchcopy2 #catchcopy2-left { width: 400px; float: left; background-image: url(); background-repeat: no-repeat; }
#catchcopy2 #catchcopy2-left img.catchcopy { margin-top: 4px; }
#catchcopy2 #catchcopy2-left img.free { margin-top: 16px; }
#catchcopy2 #catchcopy2-left h2 { margin-top: 4px; font-family: Sans-serif; }
#catchcopy2 #catchcopy2-left p { font-size: 90%; margin: 4px 0; padding: 0 12px 0; text-align: left; vertical-align: middle; line-height: 1.4; }
#catchcopy2 #catchcopy2-left p {  }
#catchcopy2 #catchcopy2-right { width: 400px; float: right; }
#catchcopy2 img { display: block; }



#pamphlet2 { width: 800px; margin: 8px auto 0; background-color: #ececec; font-size: 0.85em; }
#pamphlet3 { padding: 8px 0 0; }
#pamphlet4 { padding: 8px 0 0; }
.crosslink { padding: 12px 16px 12px; text-align: center; background-color: #e0e0e0; }


#feature
{
 margin: 8px auto 0;
 font-size: 0.95em;
 color: #333333;

 /* min-hiehgt hack */
/* min-height: 100px;
 height: auto !important;
 height: 100px;*/
}
#feature-pic { width: 800px; margin: 0 auto 0; text-align: center; }
#feature h2 { font-size: 1.0em; font-weight: bold;  }
#feature p {
 line-height: 1.6;
 padding: 0 12px 4px;
 padding: 0;
}

#feature .box-left
,#feature .box-center
,#feature .box-right
{
 width: 264px;
 overflow: hidden;
 /*background-color: white;*/

 /* min-hiehgt hack */
 /*min-height: 360px;
 height: auto !important;
 height: 360px;*/
}
#feature .box-left { float: left; margin-left: 2px; }
#feature .box-center { float: left; margin-left: 0px; }
#feature .box-right { float: left; margin-left: 0px; }

#feature-sub { padding: 16px 12px; margin-top: 0px; margin-bottom: 12px;}
#feature-sub p { color: #565656; font-size: 0.85em; line-height: 1.6em; padding-left: 24px; padding-right: 24px; }
#feature-sub p strong { font-size: 1.2em; line-height: 1.4em; font-weight: bold; color: #3399cc; font-family: Sans-serif; }
#feature-sub p span { color: #ff6600; font-weight: bold; }
#feature-sub h4.sub-start { font-family: Sans-serif; font-weight: bold; color: #3399cc; padding-top: 0px; padding: 4px 12px; }
#feature-sub p.sub-end { border-bottom: 1px dotted #cccccc; padding-bottom: 12px; margin-bottom: 12px; }
#feature-sub p.note { color: #003399; font-size: 0.80em; }

h2 { margin: 4px 0; padding: 0 12px 0; text-align: left; vertical-align: middle; color: #3399cc; line-height: 1.4; }
h3 { padding-bottom: 0px; }

.separate-blue { background-color: #3399cc; border: none; height: 2px; color: #3399cc; display: block; display: none; }

#jisseki { margin-top: 32px; }
#jisseki h2 { background-color: #ececec; padding-top: 6px; padding-bottom: 4px; border-top: 4px solid #3399cc;  }
#jisseki #jisseki-intro { padding: 8px 24px; }
#jisseki p{ margin-top: 0px; padding: 0; line-height: 1.4; font-size: 0.85em; color: #333333; }

#obmessage { margin-top: 32px; }
#obmessage h2 { background-color: #ececec; padding-top: 6px; padding-bottom: 4px; border-top: 4px solid #3399cc;  }
#obmessage #obmessage-intro { font-size: 0.9em; padding: 8px 24px; line-height: 1.3; color: #333333; }
dl.ob {
 width: 800px;
 margin: 0 auto 0;
}
dl.ob dt{ padding: 8px 12px; margin: 16px 12px 0; background-color: #3399cc; color: white; line-height: 1.4;}
dl.ob dd{ margin: 16px 0 0 0; }
dl.ob dd p{ padding: 0; }
dl.ob dd .portrait{ width: 154px; float: left; }
dl.ob dd .portrait img{ padding: 0 0 12px 12px; }
dl.ob dd .profile{ width: 646px; float: right;}
dl.ob dd .profile p.name {}
dl.ob dd .profile p.corp { font-size: 0.8em; color: #808080; margin: 4px 0 0; }
dl.ob dd .profile p.advice { font-size: 0.8em; color: #ff9933; margin: 16px 0 0; font-weight: bold; }
dl.ob dd .profile p.message { margin: 4px 0 0; line-height: 1.6; font-size: 0.9em; color: #333333; padding-right: 12px; }

.introduction{
    width: 800px;
    margin: 32px auto 0;
}
.introduction h2 { background-color: #ececec; padding-top: 6px; padding-bottom: 4px; border-top: 4px solid #3399cc;  }
.introduction p{ padding: 8px 24px; line-height: 1.6; font-size: 0.85em; } 

.memo { color: #339933; }
    
} /* @media screen,print end */

@media print {
} /* @media print end */