@charset "utf-8";
body {font-size:13px; font-family: 'MS Pゴシック', Osaka, 'Hiragino Kaku Gothic Pro', Verdana, Helvetica, sans-serif; color:#333}
@import url(http://fonts.googleapis.com/css?family=Molengo);
@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);

#body {width:900px;position:relative; margin:30px 0 0 30px}
#header {font-family: 'Molengo', arial, serif; padding-bottom:20px;}
#header h1 {float:left;font-size:0%; line-height:0%;}
#header h1 img {vertical-align:top;}
#header p {position:absolute; left:240px; top:29px; color:#666;}
#header p {font-size:12px; font-family: 'MS Pゴシック', Osaka, 'Hiragino Kaku Gothic Pro', Verdana, Helvetica, sans-serif;}
#gnb {float:right;font-size:0%; line-height:0%; padding-top:0px;}
#gnb li {float:left; font-size:20px; line-height:1.3;}
#gnb li a { margin:0 5px 0 5px;; font-size:18px; line-height:1.3; color:#333;   text-decoration:none;  font-family:'Molengo'}
#gnb li a:hover, #gnb li.current a { color:#006699;text-decoration:underline; }
#gnb li:last-child a {margin-right:0px;}
#contents {position:relative;}
#real_contents {padding:20px; border:1px solid #d9d9d9; background:#fafafa; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px; font-family: 'MS Pゴシック', Osaka, 'Hiragino Kaku Gothic Pro', Verdana, Helvetica, sans-serif; color:#333}

#footer { font-size:12px; text-align:right; line-height:1.6 ; padding-bottom:20px;}
#footer p {padding-bottom:10px; padding-top:20px;}
#footer a{color:#666666; text-decoration:none;}
#footer a:hover {color:#006599;  text-decoration:underline;}
#footer address {padding-top:20px;}


/*
 * =contents
 * */
.site_info {font-size:16px; padding-bottom:20px; padding-left:0px;  font-weight:bold;}
.easy_url_form {padding:20px; border:1px solid #d9d9d9; background:#fff;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px ;}
.easy_url_form .info{padding-left:7px; margin-bottom:10px;  color:#e45200; font-weight:bold; background:url('images/bul_arrow.gif') no-repeat left 50%;}
.make_easyurl {background:#e7e7f7; padding:5px; }
.make_easyurl .longUrl {padding:0 0 5px 0; font-weight:bold;}
.make_easyurl .longUrl .url {color:#999; font-weight:normal;}
.make_easyurl .type_text {border:1px solid #b0b0b0 ; background:#fff; width:300px; padding:2px 0 0 2px}
.make_easyurl .type_image {padding:0 5px}

.easy_url_desc { padding:5px 5px 10px 5px; color:#666; line-height:1.5;}
.easy_url_desc p {padding:3px 0; letter-spacing:-1px;}
.easy_url_desc li {padding-left:10px;}

#contents h2 {padding-bottom:5px; padding-top:5px; font-size:16px; line-height:1.3; font-family:'Molengo'; font-weight:bold;}
#contents h3 {padding-bottom:5px; padding-top:5px; font-size:14px; line-height:1.3; font-family:'Molengo'; font-weight:bold;}
#contents p {color:#666; font-size:12px; line-height:1.6; padding-bottom:5px;}
#contents a {font-weight:bold; color:#006599}
#contents ul {padding:5px 0;color:#666; font-size:12px; line-height:1.6;}

.easyurl_inerhtml  {padding:10px 0;}
.easyurl_inerhtml textarea{padding:5px; width:600px; height:110px; font-family:tahoma; color:#999;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px }


.date_table {margin-top:20px; margin-bottom:30px; padding:20px ;background:#fff;border:2px solid #ccc;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px;  background:url('../../images/bg_th.gif') repeat-y left top;}
.date_table table {}
.date_table thead th { font-size:16px; text-align:center; padding:10px 0; }
.date_table tbody th { padding:0px 0 ;border-top:1px dashed #ccc; font-size:13px; text-align:right; vertical-align:middle; width:200px; padding-right:30px}
.date_table td { padding:5px 0 ;font-size:13px; text-align:center; border-top:1px dashed #ccc; vertical-align:middle;}

.make_end_url dt {font-size:16px; color:#000;padding-bottom:20px; font-weight:bold;}
.make_end_url dd {font-size:24px; color:#000; padding-bottom:10px; font-weight:bold;}
.make_end_url dd strong {color:#E45200;font-weight:bold; text-decoration:none;}
.make_end_url dd a {color:#E45200;font-weight:bold; text-decoration:none;}
p.click_info {padding-bottom:20px !important; }

.make_befor_url {border-bottom:1px solid #666 }
.make_befor_url dt {font-size:12px; color:#666;padding-bottom:5px;}
.make_befor_url dd {font-size:12px; color:#666; padding-bottom:20px;}

.send_email { padding-top:20px; padding-bottom:20px; border-bottom:1px solid #666 }
.text-title {padding-left:8px; background:url('../../images/bul_arrow.gif') no-repeat left 5px; color:#E45200 !important; font-weight:bold;}
.text-desc {color:#666 !important; font-weight:normal; padding-left:10px;}
.send_email .type_text {background:none repeat scroll 0 0 #FDF1BA;border:1px solid #F9D786;color:#776B1B;font-size:12px; height:auto;padding:5px;}
.send_email select {border:1px solid #F9D786;color:#776B1B;font-size:12px; height:auto;padding:5px;}

.make_url_again { padding-top:20px; padding-bottom:30px; }
.make_url_again .type_text {width:80%;background:none repeat scroll 0 0 #FDF1BA;border:1px solid #F9D786;color:#776B1B;font-size:12px; height:auto;padding:5px;}
.make_url_again select {border:1px solid #F9D786;color:#776B1B;font-size:12px; height:auto;padding:5px;}