@charset "utf-8";

/*#####################################################################################BACE############*/

body{
        margin: 0;
	padding: 0;
        background: url(images/bg.gif) fixed;
        color: #525252;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        font-size: 12px;
}

h1, h2, h3, h4, h5, h6, blockquote, p, form,strong,em{
	margin: 0;
	padding: 0;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
}

img{
        border: 0;
}

a{
	outline: none;
	text-decoration: none;
        border: 0;
	color: #525252;
}

a:hover{
	color: #09f;
}

abbr{
        border: 0;
}

.m_p{
        padding: 10px 0;
}

.box_service_page{
         padding: 20px 0 0 0;
         font-size: 16px;
}

br {
        clear: both;
}

#wrapper{
        width: 800px;
        margin: 0 auto;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
        background: #fff url("images/wrapper_bg.gif") repeat-y;
}

/*----HEADER----*/

#header{
        width: 790px;
        height: 120px;
	padding: 0 0 0 10px;
	background: #ffffff url("images/header_bg.gif") no-repeat;
}

#header h1{
        display: inline;
        float: left;
        color: #525252;
        font-size: 10px;
        text-align: left;
}

#header h2{
        display: inline;
        padding: 0 10px 0 0;
        float: right;
        color: #969696;
        font-size: 10px;
}

#badge{
	width: 100px;
	height: 100px;
	background: url("images/badge.png") no-repeat;
	clear: both;
	position: relative;
	top: 30px;
	left: 730px;
        text-indent: -9999px;
	}

/*----GLOBAL NAVIGATION----*/

#top_menu{
	clear: both;
	width: 100%;
	background: url("images/gm_bg.gif") repeat-x;
        border-top: solid 5px #f90;
        border-bottom: solid 5px #f90;
}

#top_menu ul{
	margin: 0 auto;
	width: 750px;
	padding: 5px 0 5px 0;
	text-align: left;
}

#top_menu ul li{
	display: inline;
        margin: 0;
	padding: 2px 20px 0 15px;
	line-height: 20px;
        font-size: 12px;
}

#top_menu a{
        color: #fff;
        font-weight: bold;
}

#top_menu a:hover{
        color: #09f;
}

#container{
	float: right;
        height: 100%;
	padding: 0 20px 30px 20px;
        background: #fff;
        width: 560px;
}

#breadcrumb{
        text-align: left;
        line-height: 15px;
        padding: 3px 0 3px 20px;
        background: #fff;
        border-bottom: solid 1px #cecece;
}

/*-------Caption--------*/

.cap{
        height: 40px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
}

.cap2{
        margin: 0;
	padding: 0 10px 0 0;
        border-bottom: solid 1px #cecece; 
        text-align: right;
}

.cap3{
        margin: 0;
	padding: 0;
        border-bottom: solid 1px #cecece; 
        text-align: left;
        clear: both;
}

/*----SIDEBAR----*/

.sidebar{
	float: left;
	width: 200px;
	margin: 0;
	padding: 20px 0 0 0;
}

.sidebar ul{
	list-style: none;
	margin: 0;
	padding: 10px 0 10px 15px;
}

.sidebar ul li{
	line-height: 20px;
        padding: 0 20px 0 20px;
        background: url("images/list_icon.gif")0 3px no-repeat;
}

.side_cap{
        width: 140px;
        height: 30px;
        line-height: 30px;
        padding: 0 0 0 10px;
        background: url("images/side_cap.png") no-repeat;
        color: #fff;
        font-weight: bold;
        position: relative;
        top: 0;
        left: -7px;
}

#wp-calendar{
        text-align: center;
        margin: 0 0 0 20px;
}

caption{
        padding: 10px 0 0 0;
}

#wp-calendar a{
        font-size: 12px;
        color: #09f;
}

#wp-calendar a:hover{
        color: #f90;
}

#validator{
        text-align: center;
}

#al{
        margin: 3px auto 0 0;
        clear: both;
}

#alb{
        display: block;
        width: 200px;
        height: 20px;
        padding: 135px 0 0 0;
        background: url(images/al.gif) no-repeat;
	position: relative;
	left: 4px;
        text-indent: 35px;
}

#alb:hover{
        background: url(images/alh.gif) no-repeat;
}

/*-----PLUGIN-----------*/

#plugin{
        width: 170px;
        margin: 0 auto;
        padding: 0;
}

.flash_player a{
        display: block;
        width: 120px;
        height: 31px;
        border: solid 2px #fff;
        background: url(images/flash_player.gif) no-repeat;
        text-indent: -9999px;
}

.flash_player a:hover{
        border: solid 2px #cecece;
}

.adobe_reader a{
        display: block;
        width: 120px;
        height: 31px;
        border: solid 2px #fff;
        background: url(images/adobe_reader.gif) no-repeat;
        text-indent: -9999px;
}

.adobe_reader a:hover{
        border: solid 2px #cecece;

}

#plugin p{
        margin-bottom: 40px;
        padding: 10px 20px 20px 0;
        font-size: 80%;
}

#beacons{
        margin-bottom: 40px;
        padding: 5px 20px 20px 11px;
        font-size: 80%;
		width: 150px;
}

/*-----FOOTER---------*/

#tags a{
        color: #fff;
}

#tags a:hover{
        color: #09f;
}

#tags{
        clear: both;
        width: 740px;
        margin: 0;
        padding: 10px 30px 10px 30px;
        background: #252525;
        text-align: center;
}

#tags ul{
        display: block;
        margin: 0;
        padding: 0;
        width: 740px;
        text-align: center;
}

#tags ul li{
        margin: 3px 0 0 5px;
        padding: 3px 5px 0 0;
        line-height: 13px;
        list-style: none;
        display: inline;
        border-right: 2px solid #525252;
        float: left;
}

.r{
        clear: both;
        text-align: right;
}




#footer{
	clear: both;
	width: 800px;
	padding: 5px 0px 5px 0px;
	line-height: 18px;
        text-align: center;
	color: #fff;
	background: url("images/gm_bg.gif") repeat-x;
}

address{
        letter-spacing: 1px;
}

/*#############################################################################TOP PAGE################*/

#information{
        background: url("images/information.gif") no-repeat;
        position: relative;
        top: 30px;
}

#web_page_design{
        background: url("images/web_page_design.gif") no-repeat;
        position: relative;
        top: 30px;
}

/*----FLASH-----*/

#top_flash{
        width: 800px;
        height: 370px;
        border-bottom: solid 5px #f90;
}

/*----POST(INFOMATION)----*/

.post{
	padding: 10px 0 0 0;
        margin: 0;
        text-align: left;
}

.postinfo{
        padding: 0 10px 0 0;
        text-align: right;
}

.post h2 a{
        font-size: 20px;
}

.entry{
        padding: 10px 0 0 0;
}

.postmetadata{
        text-align: right;
}

#info_box{
        margin: 20px 0 0 0;
        padding: 0;
        overflow: auto;
        height: 100px;

}

#info_box td{
        border-bottom: dotted 1px #cecece;
}

.title_left{
        width: 450px;
	font-size: 12px;
        margin: 0;
        color: #525252;
}

.postdate{
        width: 150px;
	font-size: 10px;
	margin: 0;
        text-align: left;
        color: #999;
}

/*-----INFOMATION NAVI----------*/

.navigation{
	padding: 0 30px 5px 20px;
        margin: 0;
	font-size: 12px;
	line-height: 15px;
        text-align: right;
        border-bottom: solid 1px #cecece;        
}

/*-------text_box-------------*/

.text_box{
        width: 340px;
        padding: 10px 0 30px 0;
        line-height: 20px;
        letter-spacing: 1px;
        float: left;
}

.text_box p{
        padding: 5px 0;
        letter-spacing: 1px;
        font-size: 12px;
        text-indent: 1em;
}

#text_top h2,h3,h4,h5,h6{
        font-size: 16px;
        font-weight: bold;
        color: #ff6600;
        padding: 10px 0 0 0;
}

.image_box{
        width: 200px;
        margin-top: 20px;
        float: right;
}

.image_box a{
        display: block;
        padding: 200px 0 20px 0;
        text-align: center;
}

#top_s{
        background: url("images/top_s.gif") no-repeat;
}

#top_o{
        background: url("images/top_o.gif") no-repeat;
}

/*#################################################################################ABOUT US############*/

#about{
        background: url("images/about_us.gif") no-repeat;
        position: relative;
        top: 30px;
}

#img_about{
        width: 560px;
        height: 200px;
        background: url("images/about_logo.gif") no-repeat;
}

.text_box_about table{
        width: 500px;
        margin: 0 auto;
 }

.text_box_about table td.table_left{
        text-align: right;
        padding: 0 10px 0 0;
}





/*##################################################################################SERVICE############*/

#service{
        background: url("images/service.gif") no-repeat;
        position: relative;
        top: 30px;
}

.text_box_service{
        width: 500px;
        padding: 20px 20px 0 20px;
        margin: 0 auto;
        line-height: 20px;
        letter-spacing: 1px;
}

.box_service{
        width: 250px;
        margin: 20px 0 0 0;
        float: left;
}

.inbox1{

        width: 250px;
        height: 20px;
        background: url("images/inbox_bg.gif") no-repeat;
}

.inbox2{
        width: 200px;
        background: url("images/inbox_bg.gif") left bottom no-repeat;
        padding: 0 40px 30px 20px;
}

.inbox2 .cap_service{
        height: 30px;
        padding: 0 20px 0 0;
        border-bottom: solid 1px #cecece; 
        text-align: right;
}

.inbox_text{
        margin: 10px 0 0 0;
}

.img_web2{
        float: right;
}

.to_page{
        padding-top: 5px;
        text-align: right;
        clear: both;
}

.inbox2 #web_small{
        background: url("images/web.gif") left bottom no-repeat;
}

.inbox2 #printing_small{
        background: url("images/printing.gif") left bottom no-repeat;
}

.inbox2 #sign_small{
        background: url("images/sign.gif") left bottom no-repeat;
}

.inbox2 #support_pack_small{
        background: url("images/support_pack.gif") left bottom no-repeat;
}

.inbox2 #event_small{
        background: url("images/event.gif") left bottom no-repeat;
}

.inbox2 #media_small{
        background: url("images/media.gif") left bottom no-repeat;
}

.inbox2 #laundry_small{
        background: url("images/laundry.gif") left bottom no-repeat;
}

.inbox_cap{
        margin: 5px 0 10px 0;
}

.inbox_img_box{
        display:block;
        width: 200px;
        height: 200px;
        background: #525252;
}

#web_img{
        background: url("images/web_img.gif") no-repeat;
}

#printing_img{
        background: url("images/print_img.gif") no-repeat;
}

#sign_img{
        background: url("images/sign_img.gif") no-repeat;
}

#support_pack_img{
        background: url("images/support_p_img.gif") no-repeat;
}

#event_img{
        background: url("images/event_img.gif") no-repeat;
}

#media_img{
        background: url("images/media_img.gif") no-repeat;
}

#laundry_img{
        background: url("images/laundry_img.gif") no-repeat;
}

.btn_order{
        clear: both;
}

.btn_order a{
        width: 301px;
        height: 52px;
        margin: 20px auto;
        display: block;
        background: url("images/btn1_order.gif") no-repeat;
}

.btn_order a:hover{
        background: url("images/btn2_order.gif") no-repeat;
}

/*#################################################################################SUPPORT############*/

#support{
        background: url("images/support.gif") no-repeat;
        position: relative;
        top: 30px;
}

#btn_box_support{
        width: 400px;
        margin: 20px auto 0 auto;
}

#btn_box_support a#btn1{
        display: block;
        width: 200px;
        height: 60px;
        text-indent: -9999px;
        float: left;
        background: url("images/btn1.gif") no-repeat;
}

#btn_box_support a#btn1:hover{
        background: url("images/btn1.gif") left bottom no-repeat;
}

#btn_box_support a#btn2{
        display: block;
        width: 200px;
        height: 60px;
        text-indent: -9999px;
        float: right;
        background: url("images/btn2.gif") no-repeat;
}

#btn_box_support a#btn2:hover{
        background: url("images/btn2.gif") left bottom no-repeat;
}

.text_box_support{
        width: 500px;
        padding: 20px 20px 0 20px;
        margin: 0 auto;
        line-height: 20px;
        letter-spacing: 1px;
}

.text_box_support2{
        width: 500px;
        padding: 20px 20px 0 20px;
        margin: 0 auto;
        line-height: 20px;
        text-align: center;
        letter-spacing: 1px;
}

.support_table{
        width: 400px;
        margin: 20px auto 0 auto;
        border-top: 1px solid #525252;
        border-left: 1px solid #525252;
}

.support_table td{
        border-right: 1px solid #525252;
        border-bottom: 1px solid #525252;
}

.support_table td.table_left{

        width: 100px;
        text-align: center;
        line-height: 40px;
        background: #cecece;
}

.support_table td.table_right{
        padding: 10px;
        line-height: 20px;
}

#b1{
        padding-left: 30px;
        background: url("images/ie6_logo.gif") no-repeat;
}

#b2{

        padding-left: 30px;
        background: url("images/ie7_logo.gif") no-repeat;
}

#b3{
        padding-left: 30px;
        background: url("images/firefox_logo.gif") no-repeat;
}

#b4{
        padding-left: 30px;
        background: url("images/safari_logo.gif") no-repeat;
}

#b5{
        padding-left: 30px;
        background: url("images/opera_logo.gif") no-repeat;
}

#b6{
        padding-left: 30px;

        background: url("images/flash_player_logo.gif") no-repeat;
}

#b7{
        padding-left: 30px;
        background: url("images/adobe_reader_logo.gif") no-repeat;
}

#support_table2{
        width: 500px;
        margin: 20px auto 0 auto;
}

.banner a{
        margin-right: 10px;
}

#download1 a{
        display: block;
        width: 88px;
        height: 31px;
        border: solid 2px #fff;
        background: url("images/ie.gif") no-repeat;
}

#download1 a:hover{
        border: solid 2px #cecece;
}

#download2 a{
        display: block;
        width: 88px;
        height: 31px;
        border: solid 2px #fff;
        background: url("images/firefox.gif") no-repeat;
}

#download2 a:hover{
        border: solid 2px #cecece;
}

#download3 a{
        display: block;
        width: 88px;
        height: 31px;
        border: solid 2px #fff;
        background: url("images/safari.gif") no-repeat;
}

#download3 a:hover{
        border: solid 2px #cecece;
}


#download4 a{
        display: block;
        width: 88px;
        height: 31px;
        border: solid 2px #fff;
        background: url("images/opera.gif") no-repeat;
}

#download4 a:hover{
        border: solid 2px #cecece;
}


#download5 a{
        display: block;
        width: 120px;
        height: 31px;
        border: solid 2px #fff;
        background: url("images/flash_player.gif") no-repeat;
}

#download5 a:hover{
        border: solid 2px #cecece;
}


#download6 a{
        display: block;
        width: 120px;
        height: 31px;
        border: solid 2px #fff;
        background: url("images/adobe_reader.gif") no-repeat;
}

#download6 a:hover{
        border: solid 2px #cecece;
}

.b_link{
        font-size: 10px;
        padding: 0 10px;
        color: #cecece;
}

#first{
        background: url("images/at_first.gif") no-repeat;
        position: relative;
        top: 30px;
}

#escape_clause{
        background: url("images/escape_clause.gif") no-repeat;
        position: relative;
        top: 30px;
}

#copyright{
        background: url("images/copyright.gif") no-repeat;
        position: relative;
        top: 30px;
}

#govering_low{
        background: url("images/govering_low.gif") no-repeat;
        position: relative;
        top: 30px;
}

#link_free{
        background: url("images/link_free.gif") no-repeat;
        position: relative;
        top: 30px;
}

#others{
        background: url("images/others.gif") no-repeat;
        position: relative;
        top: 30px;
}

#recommend{
        background: url("images/recommend.gif") no-repeat;
        position: relative;
        top: 30px;
}

#plugin{
        background: url("images/plugins.gif") no-repeat;
        position: relative;
        top: 30px;
}

/*##################################################################################RECRUIT############*/

#recruit{
        background: url("images/recruit.gif") no-repeat;
        position: relative;
        top: 30px;
}

#entry{
        background: url("images/entry.gif") no-repeat;
        position: relative;
        top: 30px;
}

.text_box_recruit{
        padding: 20px 20px 0 20px;
        margin: 0 auto;
        line-height: 20px;
}

.table_box_recruit{
        width: 500px;
        margin: 30px auto 0 auto;
}

.table_box_recruit table{
        border-top: 1px solid #cecece;
        border-left: 1px solid #cecece;
        line-height: 20px;


}

.table_box_recruit .left{
        width: 75px;
        text-align: center;
        background: #525252;
        color: #ececec;
        border-right: 5px double #f90;
        border-bottom: 1px solid #cecece;
}

.table_box_recruit .right{
        width: 420px;
        padding-left: 10px;
        border-right: 1px solid #cecece;


        border-bottom: 1px solid #cecece;
}


#form2{
        background: url("images/form2.gif") no-repeat;
}

/*#################################################################################PRIVACY############*/

#privacy{
        background: url("images/privacy_policy.gif") no-repeat;

        position: relative;
        top: 30px;
}

#qestionnair{
        background: url("images/questionnaire.gif") no-repeat;
        position: relative;
        top: 30px;
}

#j_c{
        background: url("images/javascript_cookie.gif") no-repeat;
        position: relative;
        top: 30px;
}

.text_box_privacy{
        width: 500px;
        padding: 20px 20px 0 20px;
        margin: 0 auto;
        line-height: 20px;
}

.privacy_ol{
        width: 460px;
        margin-top: 0;
        margin-bottom: 10px;
        margin-right: 0;
        padding-left: 30px;
}

.privacy_ol li{
        line-height: 20px;
}

/*################################################################################SITE MAP############*/

#site_map{
        background: url("images/site_map.gif") no-repeat;
        position: relative;
        top: 30px;
}

#site_map_box{
        padding: 30px 0 0 0;
}

#site_map_box a{
        color: #525252;
}

#site_map_box a:hover{
        color: #09f;
}

.sm_cap{
        font-size: 16px;
        font-weight: bold;
        color: #ff6600;        
}

#site_map_box ul{
        padding: 0 0 20px 30px;
}

#site_map_box ul li{
        list-style-image: url("images/list_icon_sm.gif");
}

/*###################################################################################ホームページ制作####*/

#web{
        background: url("images/web.gif") no-repeat;
        position: relative;
        top: 30px;
}

#left_box_web{
        width: 390px;
        margin: 20px 0 20px 0;
        float: left;
}

#right_box_web{
        width: 170px;
        margin-top: 20px;
        float: right;
}

#result_head{
        background: url("images/result_box_bg.gif") no-repeat;
        width: 170px;
        height: 20px;
}

#cap_result{
        background: url("images/results.gif") no-repeat;
        text-align: right;
        padding: 5px 5px 0 0 ;
        margin: 0 10px;
        border-bottom: solid 1px #cecece; 
}

#result_box{
        background: url("images/result_box_bg.gif") bottom right no-repeat;
        padding: 0 0 30px 0;

}

.result_site{
        padding: 20px 0 0 10px;
}

#result_box a{
        display: block;
        width: 100px;
        margin: 10px auto 0 auto;
        border: solid 2px #fff;
        position: relative;
        right: 5px;
}

#result_box a:hover{
        border: solid 2px #cecece;
}

.text_box_web{
        width: 370px;
        padding: 50px 20px 5px 0;
        margin: 0 auto;
        line-height: 20px;
}

.text_box_web2{
        width: 370px;
        padding: 5px 20px 5px 0;
        margin: 0 auto;
        line-height: 20px;
}

.text_box_web3{
        width: 350px;
        padding: 5px 20px 5px 20px;
        margin: 0 auto;
        line-height: 20px;
}

#img1_standard{
        background: url("images/temp_img.gif") no-repeat;
}


#title1_web{
        background: url("images/title1_web.gif") no-repeat;
}

#title2_web{
        background: url("images/title2_web.gif") no-repeat;
}

#title3_web{
        background: url("images/title3_web.gif") no-repeat;
}

#title4_web{
        background: url("images/title4_web.gif") no-repeat;
}

#title7_web{
        background: url("images/title7_web.gif") no-repeat;
}

#p_btn1{
        background: url("images/p_btn.gif") no-repeat;
        width: 250px;
        height: 30px;
        padding: 10px 0 0 0;
        margin: 0 0 0 auto;
        display: block;
        text-align: center;
        color: #fff;
}

#p_btn1:hover{
        background: url("images/p_btnh.gif") no-repeat;
        color: #f60;
}

#p_btn2{
        background: url("images/p_btn.gif") no-repeat;
        width: 250px;
        height: 30px;
        padding: 10px 0 0 0;
        margin: 0 0 0 auto;
        display: block;
        text-align: center;
        color: #fff;
}

#p_btn2:hover{
        background: url("images/p_btnh.gif") no-repeat;
        color: #f60;
}

/*#########################################################################スタンダードプラン###########*/

#standard{
        background: url("images/standard_plan.gif") no-repeat;
        position: relative;
        top: 30px;
}

.img_box_standard{
        width: 350px;
        height: 200px;
        margin: 0 auto;
}

#img_120000{
        width: 370px;
        height: 164px;
        background: url("images/120000.gif") no-repeat;
}


.ul_standard{
        padding-left: 20px;
        }

.ul_standard li{
        line-height: 20px;
        padding-left: 20px;
        list-style: none;
        background: url("images/list_icon2.gif") no-repeat;
}

.ol_standard{
        padding: 20px;
}

.ol_standard p{
        background: url("images/web_pback.gif") no-repeat;
        padding: 30px 0 30px 30px;
        line-height: 20px;
}

.ol_standard img{
        display: block;
        margin: 0 auto;
}

#ul_in{
        padding-top: 10px;
        padding-left: 30px;
}

#ul_in li{
        list-style: none; 
        line-height: 20px;
        background: url("images/list_icon_ball.gif") no-repeat;
        padding-left: 30px;
        border: none;
}

.table_standard{
        margin: 0 auto;
}

#title1_standard{
        background: url("images/title1_standard.gif") no-repeat;
}

#title2_standard{
        background: url("images/title2_standard.gif") no-repeat;
}


#title3_standard{
        background: url("images/title3_standard.gif") no-repeat;
}

#title4_standard{
        background: url("images/title4_standard.gif") no-repeat;
}

#title5_standard{
        background: url("images/title5_standard.gif") no-repeat;
}

#title6_standard{
        background: url("images/title6_standard.gif") no-repeat;
}

#cap_template{
        background: url("images/template.gif") no-repeat;
        padding: 5px 5px 0 0 ;
        margin: 0 10px;
        border-bottom: solid 1px #cecece; 
}

/*############################################################################オリジナルプラン###########*/

#original{
        background: url("images/original_plan.gif") no-repeat;
        position: relative;
        top: 30px;
}

#box_original{
        margin: 20px 0 20px 0;
}

.text_box_original{
        padding: 50px 10px 5px 0;
        margin: 0 auto;
        line-height: 20px;
}

.text_box_original2{
        padding: 10px 10px 5px 0;
        margin: 0 auto;
        line-height: 20px;
}

#original_left{
        width: 400px;
        float: left;
}

#original_right{
        width: 150px;
        float: right;
}

#original_right img{
        position: relative;
        top: -400px;
        right: 50px;
}

#title1_original{
        background: url("images/title1_original.gif") no-repeat;
}

/*#####################################################################################印刷###########*/

#printing{
        background: url("images/printing.gif") no-repeat;
        position: relative;
        top: 30px;
}

.img_printing{
         float: right;
         margin: 10px;
}

.page_cap{
        padding: 0 0 0 35px;
        line-height: 30px;
        font-size: 20px;
        background: url("images/list_icon3.gif") no-repeat;
}

/*#####################################################################################看板###########*/

#sign{
        background: url("images/sign.gif") no-repeat;
        position: relative;
        top: 30px;
}

/*##################################################################################サポートパック######*/

/*support pack*/

#support_pack{
        background: url("images/support_pack.gif") no-repeat;
        position: relative;
        top: 30px;
}

.text_box_support_pack{
        width: 500px;
        padding: 20px 20px 0 20px;
        margin: 0 auto;
        line-height: 20px;
}

#img1_sp{
        padding: 435px 20px 0 20px;
        background: url("images/support_pack_img1.gif") no-repeat;
}

/*##################################################################################ランドリー事業######*/

/*laundry*/

#laundry{
        background: url("images/laundry.gif") no-repeat;
        position: relative;
        top: 30px;
}

.text_box_laundry{
        width: 500px;
        padding: 20px 20px 0 20px;
        margin: 0 auto;
        line-height: 20px;
}

.img_laundry{
         float: right;
         margin: 10px;
}

/*######################################################################メディア・イベント###########*/

#media{
        background: url("images/media.gif") no-repeat;
        position: relative;
        top: 30px;
}

#event{

        background: url("images/event.gif") no-repeat;
        position: relative;
        top: 30px;
}


/*#########################################################################################料金一覧###*/

#a_fee{
        background: url("images/a_fee.gif") no-repeat;
        position: relative;
        top: 30px;
}

.plan_box{
        margin: 20px 0;
        padding: 20px 0 0 20px;
        background: url("images/web_pback.gif") no-repeat;
}

#s_plan{
        background: url("images/s_plan.gif") no-repeat;
        height: 20px;
        padding: 20px 0 0 200px;
        text-align: right;
}

#o_plan{
        background: url("images/o_plan.gif") no-repeat;
        height: 20px;
        padding: 20px 0 0 200px;
        text-align: right;
}

.pb_text{
        padding: 0 0 0 200px;
        margin: 10px 0 0 0;
}

#sp{
        background: url("images/standard_img.gif") no-repeat;
}
#op{
        background: url("images/original_img.gif") no-repeat;
}

.pb_text h2{
        padding: 0 0 10px 0;
        font-size: 18px;
        color: #000;
}

.pb_text p{
        padding: 5px 0;
}

.pb_text ul{
        margin: 0 0 10px 0;
}

.plan_p{
        padding: 20px 0 0 0;
        text-align: right;
}

/*####################################################################################豆知識###########*/

#tips{
        background: url("images/tips.gif") no-repeat;
        position: relative;
        top: 30px;
}

#tips_web{
        background: url("images/tips.gif") no-repeat;
        position: relative;
        top: 30px;
}

#tips_print{
        background: url("images/tips.gif") no-repeat;
        position: relative;
        top: 30px;
}

#tips_sign{
        background: url("images/tips.gif") no-repeat;
        position: relative;
        top: 30px;
}

#tips_event{
        background: url("images/tips.gif") no-repeat;
        position: relative;
        top: 30px;
}

#tips_media{
        background: url("images/tips.gif") no-repeat;
        position: relative;
        top: 30px;
}

#tips_h2{
        font-size: 20px;
        font-weight: bold;
        color: #ff6600;
        padding: 20px 0 10px 0;
}
/*####################################################################################制作実績###########*/

#result{
        background: url("images/result.gif") no-repeat;
        position: relative;
        top: 30px;
}

#result_web{
        background: url("images/result.gif") no-repeat;
        position: relative;
        top: 30px;
}

#result_print{
        background: url("images/result.gif") no-repeat;
        position: relative;
        top: 30px;
}

#result_sign{
        background: url("images/result.gif") no-repeat;
        position: relative;
        top: 30px;
}

#result_event{
        background: url("images/result.gif") no-repeat;
        position: relative;
        top: 30px;
}

#result_media{
        background: url("images/result.gif") no-repeat;
        position: relative;
        top: 30px;
}

#resul_h2{
        font-size: 20px;
        font-weight: bold;
        color: #ff6600;
        padding: 20px 0 10px 0;
}

/*######################################################################################よくある質問###*/

#q_a{
        background: url("images/q_a.gif") no-repeat;
        position: relative;
        top: 30px;
}

#q_a_content p{
        padding: 10px 20px 5px 30px;
}

#q_a_center{
       text-align: center;
       margin: 20px 0;
}

.que{
        background: url("images/que.gif") 0px 7px no-repeat;
        height: 50px;
        padding: 0 0 0 160px;
        margin: 20px 0 0 0;
}

.que span{
        font-size: 40px;
        color: #f60;
}

.ans{
        background: url("images/ans.gif") no-repeat;
        height: 40px;
}

.answer{
        line-height: 22px;
}

.capline{
        background: url("images/q_a_capline.gif") 0 3px no-repeat;
        padding: 0 0 0 25px;
        margin: 0 0 20px 0;
}

/*######################################################################################お問い合せ###*/

#contact{
        background: url("images/contact.gif") no-repeat;
        position: relative;
        top: 30px;
}

.text_box_contact{
        width: 500px;
        padding: 20px 20px 0 20px;
        margin: 0 auto;
        line-height: 20px;
        text-align: left;
        letter-spacing: 1px;
}

.form_box{
        width: 475px;
        padding: 50px 0 0 25px;
        margin: 30px auto 0 auto;
}

#form1{
        background: url("images/form1.gif") no-repeat;
}

/*----COMMENT FORM----*/

#comment-form{
	width: 94%;
	margin: 10px 0 0;
	border: 2px dotted #09f;
	padding: 5px 5px 15px 15px;
	background: #efefef url(images/mug.gif) no-repeat top right;
}
        
.comments-template{
        padding-top: 20px;
}


.comments-template ol{
	margin: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	line-height: 18px;
	margin: 10px 0 10px 0;
}

.comments-template h2, .comments-template h3{

	font-size: 16px;
	color: #736E60;
	padding: 10px 0 10px 0;
}

.commentmetadata{
	font-size: 12px;
	color: #c8c8c8;
	padding: 0;
}

.commentmetadata strong { 
	font-size: 16px; 
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template input{
	border: 1px solid #333;
}

.comments-template textarea{
	font-size: 12px;
	color: #000;
	margin: 30px 15px 15px 0;
	background: #FFF;
	border: 2px solid #09f;
}