/* CSS Document */

html,body { font-family:Verdana,MSgochic, Osaka;
	text-align:left;
	font-size:12px;
	line-height:200%;
	color:#333;
	margin:0px;
	padding:0px;}

/*リンクの設定
-------------------------------------------------------*/	
a img {border:0px;}
a:link { color:#DD0000;}
a:visited {color:#DD0000;}
a:hover {color:#DD0000;}

/*リンクの設定
-------------------------------------------------------*/	
#footer a:link { color:#FFCC00;}
#footer a:visited {color:#FFCC00;}
#footer a:hover {color:#FFCC00;}
#footer a:active {color:#FFCC00;}

/*枠の設定
-------------------------------------------------------*/	
h1 { width:797px;text-align:left; margin:0px auto; font-size:10px;line-height:30px; font-weight:normal; text-indent:12px; background:url(../images/cartlogo.gif) no-repeat 688px 5px #FFFFFF;}
#wrap {text-align:center; background-color:#F5F5F5;}
#container { width:800px;text-align:center; margin:80px auto 0px auto; background-color:#FFFFFF; position:relative;}
#container .mii { padding:28px 0px 0px 0px; margin:0px; background-color:#FFFFFF;}
#container .mi { margin:28px 0px 0px 0px; padding:0px; background-color:#FFFFFF;}

#reten { margin:28px auto 0px auto; padding:0px; width:700px;}
#reten ul { list-style:none; padding:0px; margin:0px auto; text-align:left;
font-size:12px; line-height:180%; font-weight:bold; background-image:url(../images/okane.jpg); background-position:right; background-repeat:no-repeat;}
#reten li { list-style:none; background-image:url(../images/reten.gif); background-repeat:no-repeat;padding:0px 0px 0px 30px; margin:0px;}

#reten2 { margin:28px auto 0px auto; padding:0px; width:660px;}
#reten2 ul { list-style:none; padding:0px; margin:0px auto; text-align:left;
font-size:12px; line-height:180%; font-weight:bold; background-image:url(../images/okane.jpg); background-position:right; background-repeat:no-repeat;}
#reten2 li { list-style:none; background-image:url(../images/reten.gif); background-repeat:no-repeat;padding:0px 0px 0px 30px; margin:0px;}

.retent { width:700px; text-align:left; margin:20px auto 40px auto;}
.mi01 { width:660px; text-align:left; margin:20px auto 30px auto; background:url(../images/kachitai.jpg) no-repeat top right; line-height:200%;}
.mi02 { width:660px; text-align:left; margin:20px auto 30px auto; line-height:200%; padding:0px 0px 0px 0px}
.mi03 { width:660px; text-align:left; margin:0px auto 10px auto; line-height:200%; padding:0px 0px 0px 0px; border-bottom: 1px solid #cccccc; display:block}

.left { float:left; margin:0px 18px 10px 0px;}
.right { float:right; margin:0px 0px 10px 18px;}
.sm { margin:10px 0px 15px 0px;}

.btn { display:block; width:660px; font-size:16px; font-weight:bold; text-align:right; margin:10px 0px 0px 0px;}
.btn a { padding:0px 0px 0px 30px; font-size:16px; background-image:url(../images/linkimage.gif); background-repeat:no-repeat;background-position:0px -3px;}

.btn2 { display:block; width:700px; font-size:16px; font-weight:bold; text-align:right; margin:10px 0px 0px 0px;}
.btn2 a { padding:0px 0px 0px 30px; font-size:16px; background-image:url(../images/linkimage.gif); background-repeat:no-repeat;background-position:0px -3px;}

#footer { background-color:#262626; line-height:45px; color:#FFFFFF; margin:30px auto 0px auto;}

.tokutei { margin:50px 0px 10px 0px;}

#menu {
	position:absolute;
	left: 0px;
	top: -80px;
	height:80px;
}

.red { color:#FF0000; font-weight:bold;}
.red14 { color:#FF0000; font-size:14px; font-weight:bold;}
.f14 { font-size:14px; font-weight:bold;}

#buy { width:660px; text-align:left; margin:0px auto;}

.cen { text-align:left; margin:0px auto; display:block; width:69px;}

h3 { width:660px; text-align:left; border-bottom:2px solid #333333; font-size:14px; margin:30px auto 0px auto;}
.tensen { border-bottom:1px dashed #666666; font-weight:bold; width:660px; display:block; margin:20px 0px 5px 0px;}

.tagu { height:50px; overflow:auto; background-color:#F7F7F7; border:1px solid #666666; display:block; width:630px; margin:10px auto 10px auto;}

.entry { width:660px; text-align:left; margin:20px auto 30px auto; line-height:200%; padding:0px 0px 0px 0px}

.entry h2 { font-size:14px; margin:0px 0px 10px 0px; padding:0px; line-height:30px; border-bottom:2px solid #999999;}
.entry-footer { font-size:10px; margin:10px 0px 0px 0px; border-top:1px dotted #999999; text-align:right;}
.entry-content { width:660px; text-align:left;}
/*ヘッダー枠の設定
-------------------------------------------------------*/	

#header { width:830px; height:106px;}
#header p { margin:0px; padding:0px;}
#header .logo { margin:0px; padding:0px; float:left;}
#header .telfax { margin:9px 0px 0px 0px; width:580px;
	 background:url(../images/telmail_bg.gif) no-repeat;
	 float:left; text-align:right; padding:0px; display:block;}
.hm { margin:0px 0px 35px 0px}

/*サイド枠の設定
-------------------------------------------------------*/	

#side { width:230px; float:left; background:url(../images/side_bg.gif) repeat-y;}

#sidemenu { width:170px; margin-left:35px;}
#sidemenu ul{ width:170px; margin:7px 0px 0px 0px; padding:0px;}
#sidemenu ul li{ width:170px; margin:0px; padding:0px;line-height:36px;
	 display:block; text-indent:30px; list-style:none;}
#sidemenu ul li a{ width:170px; margin:0px; padding:0px;line-height:36px;
	 display:block; text-indent:30px;}
#sidemenu .menu01 { background:url(../images/menu01.gif) no-repeat;}
#sidemenu .menu02 { background:url(../images/menu02.gif) no-repeat;}
#sidemenu .menu03 { background:url(../images/menu03.gif) no-repeat;}
#sidemenu .menu04 { background:url(../images/menu04.gif) no-repeat;}
#sidemenu .menu05 { background:url(../images/menu05.gif) no-repeat;}
#sidemenu .menu06 { background:url(../images/menu06.gif) no-repeat;}
#sidemenu .menu07 { background:url(../images/menu07.gif) no-repeat;}
#sidemenu .menu08 { background:url(../images/menu08.gif) no-repeat;}
#sidemenu .menu09 { background:url(../images/menu09.gif) no-repeat;}
#sidemenu .menu10 { background:url(../images/menu10.gif) no-repeat;}

#side .contact { width:170px; margin:10px 0px 10px 31px; padding:0px;}
#side .tm { width:170px; margin:10px 0px 15px 35px; padding:0px; }

.erea { width:170px; margin:0px 0px 10px 35px; background:url(../images/side_frame_bg.gif) repeat-y; }
.erea dl { font-size:10px; margin:5px 13px 5px 13px; padding:0px;}
.erea dt { padding:0px 0px 5px 0px; background:url(../images/side_frame_dot.gif) bottom no-repeat;margin:0px 0px 0px 0px; height:30px;}
.erea dd { margin:0px;}

.footerlink { border-top: 1px dashed #CCCCCC; width:700px; margin:20px auto 0px auto; padding:30px 0px 20px 0px;}
/*コンテンツ枠の設定
-------------------------------------------------------*/	

#content { width:580px; float:right; padding-right:20px;} 
#undercontent { width:580px; float:right; padding-right:20px;} 
#content h2 { margin:0px 0px 15px 0px;} 
#body { width:560px; margin:0px auto;} 
#body h1 { font-size:10px; font-weight:normal; line-height:12px; margin:0px 0px 10px 0px ;}

/*フッター枠の設定
-------------------------------------------------------*/
#footer { clear:both; }
#footerlink { width:580px; float:right;}

#footerlink p {  width:570px; float:right; padding:15px 20px 10px 0px; display:block; font-size:10px; margin:0px;
 background:url(../images/cont_line.gif) no-repeat; background-position:top left}
#footerlink a { color:#006699;}
#copy { width:580px; float:right; padding:0px 20px 0px 0px; display:block;}
#copy p { text-align:center; font-size:10px; background:url(../images/footer_bg.gif) no-repeat;
padding: 20px 0px 25px 0px; color:#333333; line-height:230%; margin:0px;}
#footer .bottom { text-align:right; margin:0px; padding:0px;}

#pagetop { position:absolute; top:125px; left:835px; display:none;}
#banner { width:230px; float:left; margin:95px auto 0px auto; padding:0px 0px 0px 0px; text-align:center;}
#banner img { margin-bottom:10px;}

/*下層タイトル
-------------------------------------------------------*/
#title { width:566px; margin:0px auto;}

/*下層コンテンツ枠
-------------------------------------------------------*/
#ucontent { width:660px; margin:24px auto 0px auto; text-align:left;}
#title h2 { margin:0px; text-align:left;}
#ucontent h3 { margin:0px 0px 15px 0px;}
#ucontent p { margin:0px 0px 30px 0px;}

/*制作実績
-------------------------------------------------------*/
.works { clear:both;}
.works h4 { margin:0px 0px 0px 0px; line-height:33px; background:url(../images/works/images/midashi.gif) no-repeat; padding:0px 0px 20px 20px; font-size:14px;}
.wr { width:223px; float:right; text-align:center; padding:0px 0px 20px 0px;}
.wl { width:295px; float:left;}
.wicon img { margin-right:3px;}

/*個人情報保護方針
-------------------------------------------------------*/
.privacy { margin:0px auto; width:660px;}
.privacy h4 { margin:0px 0px 20px 0px; line-height:33px; background:url(../images/works/images/midashi.gif) no-repeat; padding:0px 0px 0px 0px; font-size:14px;}
.privacy ol { margin:0px 0px 30px 22px; padding:0px 0px 0px 3px;}
.privacy ol li { margin:0px 0px 10px 0px; padding:0px;}

/*お問合せ
-------------------------------------------------------*/
.contact { margin:0px 0px 0px 0px; padding:0px 0px 30px 0px;}
.contact h4 { margin:0px 0px 20px 0px; line-height:33px; background:url(../images/works/images/midashi.gif) no-repeat; padding:0px 0px 0px 20px; font-size:14px;}
.contact td { line-height:30px; border-bottom:1px solid #CCCCCC;}
.contact p { margin:10px 0px 10px 0px; padding:0px; }
.contact .ind {border:1px solid #CCCCCC;}
.contact input:focus { background-color:#F6F6F6;}
.contact textarea:focus { background-color:#F6F6F6;}
.contact textarea { border:1px solid #CCCCCC;}
.contact .fred { color:#FF0000;}
.contact .box { clear:both;}
.contact .fm { margin:4px 0px 4px 0px; background-color:#FFF;}
.contact .btn { text-align:right;}
form { margin:0px;}

#ucontent .voice img { margin-top:100px; margin-left:135px; text-align:center;}

/*ブログ
-------------------------------------------------------*/
.blog { clear:both;}
.blog h4 { margin:0px 0px 20px 0px; line-height:33px; background:url(../images/works/images/midashi.gif) no-repeat; padding:0px 0px 0px 20px; font-size:14px;}
.blogm { background: url(../images/blog/images/cms_m.jpg) right no-repeat; padding:5px 0px 5px 0px;}
.f_left { float:left; margin:4px 20px 0px 0px;}
.r_left { float:right; margin:4px 0px 0px 15px;}

/*よくある質問
-------------------------------------------------------*/
.faq { clear:both; margin:0px 0px 20px 0px}
.faq  h4 { margin:0px 0px 6px 0px; line-height:36px; background:url(../images/faq/images/faq_title.gif) no-repeat; padding:0px 0px 0px 20px; font-size:12px;}
.faq  .blue { color:#0066CC;}
.faq  .red { color:#CC3300; font-weight:bold;}
#ucontent .faq  p { margin:0px 0px 0px 0px; padding:10px 20px 10px 20px; background:url(../images/faq/images/faq_bg.gif) no-repeat bottom; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8}

/*制作の流れ
-------------------------------------------------------*/
.flow { margin:0px; padding:0px 0px 30px 0px; background:url(../images/flow/images/flow_bottombg.gif) no-repeat bottom;}
.flow dt { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; text-align:center; background:url(../images/flow/images/flow_topbg.gif) no-repeat bottom;}
.flow dd { border-left:3px solid #E5E5E5;border-right:3px solid #E5E5E5; margin:0px 8px 0px 8px; padding:3px 10px 5px 10px;}
.flowbottom { margin:0px 0px 10px 0px; padding:0px 0px 30px 0px; background:url(../images/flow/images/flow_bottombg2.gif) no-repeat bottom;}
.flowbottom dt { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; text-align:center; background:url(../images/flow/images/flow_topbg.gif) no-repeat bottom;}
.flowbottom dd { border-left:3px solid #E5E5E5;border-right:3px solid #E5E5E5; margin:0px 8px 0px 8px; padding:3px 10px 5px 10px;}

/*制作料金
-------------------------------------------------------*/
.price h4 { margin:0px 0px 20px 0px; line-height:33px; background:url(../images/works/images/midashi.gif) no-repeat; padding:0px 0px 0px 20px; font-size:14px;}
.price td { line-height:24px; border-bottom:1px solid #CCCCCC;}

#topics { margin:0px; padding:0px;}
#topics li { margin:0px; padding:0px; list-style:none; background:url(../images/topics_bg.gif) no-repeat; line-height:35px; text-indent:20px;}

.pankuzu { font-size:10px; margin:10px 20px 0px 20px; text-align:left; font-weight:normal; border-bottom:1px dashed #CCCCCC;}

.yerow { background:#FFFF99; border:1px solid #FF9900; display:block; padding:10px;}