@charset "UTF-8";
/*
Theme Name: Ultra ASP
Theme URI: http://www.greenwich.co.jp
Author: Greenwich
Author URI: http://www.greenwich.co.jp
Description: ウルトラASP用テーマ 2011です。Themeフォルダは /ultra-asp/
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: ultra ASP service
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/***************************************************************
* Structure
* Header
* 		Header Navi
* Main
* 		Images
* 		Forms
* Primary
*		Pages
*			404
* Secondary
* 		Sidebar Navi
* 		Widgets
* Footer(colophon)
* 		Footer Navi
* Plugin & jQuery
***************************************************************/
/***************************************************************
** Structure
***************************************************************/
body, textarea { font-family: Arial,"メイリオ", "ＭＳ Ｐゴシック", sans-serif; }

input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

body { margin: 0; padding: 0; font-size: 62.5%; }

a, a:visited { color: #4099dc; }

a:hover { color: #114477; text-decoration: none; }

table { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; font-size: 12px; width: 99%; margin: auto; }

th, td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 10px; text-align: left; }

th { background-color: #efefef; width: 27%; }

td { line-height: 1.5; }

dt { float: left; padding-right: 20px; }

dd { margin: 0 0 10px 0; padding-bottom: 5px; background: url("images/border_1x2.gif") repeat-x 0 bottom; }

p { line-height: 1.5; }

h1, h2, h3 { margin-top: 0; }

h4 { background: url("images/bg_header.gif") repeat 0 0; padding: 8px 20px; border-radius: 3px; /* CSS3 */ -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari,Chrome */ line-height: 1.5; letter-spacing: 1px; }

h5 { font-size: 13px; border-left: 5px solid #ffb521; padding: 8px 20px; }

#container { margin: 0; padding: 0; }

header#branding { width: 100%; /* 	font-size: 1.4em; */ }

#main { font-size: 1.4em; width: 960px; margin: 0 auto; overflow: hidden; clear: both; padding: 30px 0; }
#main #primary { float: left; margin: 0 -240px 0 0; width: 100%; }
#main #content { width: 700px; margin: 0; }
#main #secondary { float: right; width: 220px; overflow: hidden; }

#colophon { font-size: 1.4em; clear: both; display: block; width: 100%; }

a img { border: none; }

p img { margin-bottom: 0.5em; }

/* a small bottom margin prevents content floating under images */
/* Increase the size of the content area for templates without sidebars */
.full-width #content, .image-attachment #content, .error404 #content { margin: 0; }

/* Text meant only for screen readers */
.screen-reader-text, .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }

/* Alignment */
.alignleft { width: 48%; float: left; padding-bottom: 20px; }

img.alignleft { width: auto; margin-right: 1.625em; }

.alignright { text-align: right; width: 48%; float: right; padding-bottom: 20px; }

img.alignright { width: auto; margin-left: 1.625em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.left { float: left; }

.right { float: right; }

#container .center { text-align: center; }

.clear { clear: both; }

.middle { vertical-align: middle; }

.small { font-size: 12px; }

.ssmall { font-size: 10px; }

.mt30 { margin-top: 30px; }

.mb30 { margin-bottom: 30px; }

.mt0 { margin-top: 0; }

.mb0 { margin-bottom: 0; }

.m0 { margin: 0; }

.cored { color: #bd0e1c; }

.vmiddle { vertical-align: middle; }

#container .bk { color: #000; }

/***************************************************************
** Header
***************************************************************/
header#branding .header_inner { width: 960px; margin: 0 auto; position: relative; padding-top: 13px; }
header#branding .header_inner #site-title { font-size: 2em; font-weight: bold; margin: 0; }
header#branding .header_inner .header_info { width: 310px; position: absolute; right: 0; top: 13px; text-align: right; }
header#branding .header_inner .header_info span { padding-left: 5px; }
header#branding .header_inner .header_info p { margin: 0; font-size: 12px; }
header#branding h1#site-description { font-size: 1.2em; color: #fff; background: url(images/bg_header.gif) repeat 0 0; margin: 0; padding: 5px 0; }
header#branding h1#site-description span { display: block; width: 960px; margin: 0 auto; }

/* = header Navi
============================================================== */
#access { background: #eee; display: block; float: left; margin: 1em auto 1em; width: 100%; }
#access ul { list-style: none; margin: 0; padding-left: 0; }
#access ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; position: absolute; top: 4.3em; left: -100px; z-index: 99999; width: 733px; /* 新サービス追加 +104px */ border-right: 1px solid #ccc; }
#access ul ul li { display: inline; }
#access ul ul a { background: #efefef; line-height: 1em; padding: 10px; height: auto; border: 1px solid #ccc; border-right: none; }
#access ul ul ul { left: 100%; top: 0; }
#access ul.sub-menu li:first-child a { padding-left: 15px; }
#access li { float: left; position: relative; margin: 0; }
#access a { display: block; line-height: 2em; text-decoration: none; }
#access a img { display: block; }

#access li:hover > a, #access ul ul :hover > a { background: #dedede; }

#access ul ul a:hover { background: #fff; }

#access ul li:hover > ul { display: block; }

/***************************************************************
** Main
***************************************************************/
/* title */
.page h1.entry-title { background: url("images/bg_title.png") no-repeat left top; padding: 24px 20px; margin-top: 0; }
.page h1.entry-title img { display: block; }
.page.page-tour, .page.page-asukasan, .page.page-fujiichan, .page.page-live, .page.page-plus, .page.page-ranking, .page.page-kpi, .page.page-trial, .page.page-review { /* 新サービス追加 */ }
.page.page-tour h1.entry-title, .page.page-asukasan h1.entry-title, .page.page-fujiichan h1.entry-title, .page.page-live h1.entry-title, .page.page-plus h1.entry-title, .page.page-ranking h1.entry-title, .page.page-kpi h1.entry-title, .page.page-trial h1.entry-title, .page.page-review h1.entry-title { background: url("images/bg_title_red.png") no-repeat left top; padding: 24px 20px 57px 20px; margin: 0; }

/* ページ下のボックス */
#main_trial { margin: 40px 0 0 0; clear: both; background: url("images/bg_header.gif") repeat 0 0; padding: 5px 0; position: relative; }
#main_trial p { margin: 0; }
#main_trial img { margin: 0; }
#main_trial .main_tril_inner { width: 660px; margin: 0 auto; background-color: #fff; padding: 10px 15px; overflow: hidden; }
#main_trial .main_tril_inner .left { float: left; }
#main_trial .main_tril_inner .right { float: right; }
#main_trial .main_tril_inner h4 { margin: 0 0 7px 0; background: none; padding: 0; font-size: 12px; }
#main_trial .main_tril_inner h4 span { display: block; position: absolute; right: 243px; top: -10px; }
#main_trial .main_tril_inner .border { padding-bottom: 5px; }

/* Main visual */
.main_view { float: left; position: relative; margin-bottom: 30px; }

.window { height: 372px; width: 960px; overflow: hidden; position: relative; }

.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img { float: left; }

.paging { height: 98px; position: absolute; left: 0; bottom: 0; }
.paging a { display: block; float: left; }
.paging a img { display: block; }
.paging a.slide_01.active { background-image: url("images/visual/slide_01_on.png"); }
.paging a.slide_02.active { background-image: url("images/visual/slide_02_on.png"); }
.paging a.slide_03.active { background-image: url("images/visual/slide_03_on.png"); }
.paging a.slide_04.active { background-image: url("images/visual/slide_04_on.png"); }

	              /* =Images
-------------------------------------------------------------- */
/* Images */
img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

img.size-full { max-width: 97.5%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ }

.entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }

p img, .wp-caption { margin-top: 0.4em; }

.wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; }

.wp-caption img { display: block; margin: 0 auto; max-width: 98%; }

.wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; }

.wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; }

.wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; }

#content .gallery { margin: 0 auto 1.625em; }

#content .gallery a img { border: none; }

img#wpstats { display: block; margin: 0 auto 1.625em; }

#content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; }

#content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; }

/* Image borders */
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border: 1px solid #ddd; padding: 6px; }

.wp-caption img { border-color: #eee; }

a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img { /* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; }

.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img { /* ... including captioned images! */ background: #fff; border-color: #ddd; }

/* =Forms
-------------------------------------------------------------- */
#searchform label { display: none; }

#searchform input#s { width: 60%; }

input[type=text], input#s { margin: 0 1em 0 0; width: 60%; }

textarea { width: 80%; }

/* Class for labelling required form items */
.required { color: #cc0033; }

/* Notices */
.post .notice, .error404 #searchform { background: #eee; display: block; padding: 1em; }

/***************************************************************
** primary
***************************************************************/
.entry-meta { clear: both; display: block; /* 	background-color: red; */ }

.single-author .entry-meta .byline { display: none; }

#content nav { display: block; overflow: hidden; }

#content nav .nav-previous { float: left; width: 50%; }

#content nav .nav-next { float: right; text-align: right; width: 50%; }

#content #nav-above { display: none; }

.paged #content #nav-above, .single #content #nav-above { display: block; }

#nav-below { margin: 1em 0 0; }

.page-link { clear: both; margin: 0 0 1em; }

.edit-link { clear: both; display: block; padding: 40px 0; }
.edit-link a { padding: 10px; background-color: #efefef; border: 1px solid #ccc; }

.entry-content { overflow: hidden; }
.entry-content .em em { background: url("images/bg_em.png") no-repeat left top; display: block; margin: 20px auto 0; padding: 40px 0 0 30px; font-style: normal; font-weight: bold; color: #bd0e1c; }
.entry-content .em em em { background: url("images/bg_emem.png") no-repeat right bottom; margin: 0 0 20px 0; padding: 0 30px 40px 0; }
.entry-content h3 { border-bottom: 3px solid #bd0e1c; margin-top: 30px; }
.entry-content h3 img { margin: 0; display: block; }
.entry-content p { line-height: 1.5; text-align: justify; text-justify: inter-ideograph; }
.entry-content p.em { background-color: #f9f9f2; }
.entry-content p.pagetop { margin-bottom: 0; }
.entry-content p.pagetop a { display: block; width: 100px; margin: 0 0 0 auto; }
.entry-content p.pagetop a img { display: block; margin: 0; }
.entry-content ul.tab { margin: 0; padding: 0; overflow: hidden; background: url("images/bg_tab.gif") repeat-x left bottom; }
.entry-content ul.tab li { display: block; float: left; list-style: none; padding-right: 2px; }
.entry-content ul.tab li img { display: block; }
.entry-content ul.tab li:last-child { padding: 0; }
.entry-content ul.caution { margin: 0; padding: 0; line-height: 1.7; font-size: 14px; }
.entry-content ul.caution li { background: url("images/icon_accept.gif") no-repeat left 9px; padding: 5px 0 10px 25px; margin: 5px auto 10px; border-bottom: 1px dotted #ccc; text-align: justify; text-justify: inter-ideograph; width: 90%; list-style: none; }
.entry-content ul.caution .none { background: none; padding: 0; }
.entry-content ul.caution .last { border: none; }
.entry-content ul.attention { margin: 0; padding: 0; line-height: 1.7; font-size: 14px; }
.entry-content ul.attention li { background: url("images/icon_attention.png") no-repeat left 9px; padding: 5px 0 10px 25px; margin: 5px auto 10px; border-bottom: 1px dotted #ccc; text-align: justify; text-justify: inter-ideograph; width: 90%; list-style: none; }
.entry-content ul.attention .none { background: none; padding: 0; }
.entry-content ul.attention .last { border: none; }
.entry-content ul.star { margin: 0; padding: 0; line-height: 1.7; font-size: 14px; }
.entry-content ul.star li { background: url("images/icon_star.png") no-repeat left -4px; padding: 3px 0 3px 35px; margin: 0px auto; text-align: justify; text-justify: inter-ideograph; width: 100%; list-style: none; }
.entry-content dl.faq dt { float: none; background: url("images/icon_q32.png") no-repeat left top; padding: 8px 0 20px 45px; line-height: 1.4; border-bottom: 1px dotted #ccc; font-weight: bold; margin-bottom: 10px; }
.entry-content dl.faq dd { background: url("images/icon_a32.png") no-repeat left top; padding: 0px 0 30px 45px; margin: 0; display: none; }
.entry-content dl.faq dd p { margin: 0; padding: 14px 0; }
.entry-content .icon_arrow_01 { display: block; text-align: right; }
.entry-content .icon_arrow_01 a { margin: 0 0 0 auto; font-size: 12px; padding: 1px 0 1px 20px; background: url("images/icon_arrow_01.png") no-repeat left 1px; }
.entry-content .tour_set h3 { border-bottom: 1px dotted #ccc; }
.entry-content .tour_set p { line-height: 1.5; }
.entry-content h2.catch { margin: 0 0 20px 0; padding: 10px 0 20px 0; }
.entry-content .service { background: url("images/bg_service.png") no-repeat left top; padding: 8px 0 30px 0; margin-top: 20px; overflow: hidden; }
.entry-content .service .service_inner { background: url("images/bg_service.png") no-repeat left bottom; padding: 0 0 8px 0; overflow: hidden; }
.entry-content .service .service_content { padding: 10px 40px; background: url("images/bg_service02.png") repeat-y left top; overflow: hidden; width: 620px; }
.entry-content .attention { display: block; font-size: 12px; text-align: right; position: relative; top: -10px; }
.entry-content em { font-style: normal; color: #bd0e1c; }
.entry-content strong { color: #bd0e1c; }
.entry-content table td.ye { text-align: center; font-family: "ＭＳ Ｐゴシック"; }
.entry-content .prenext { overflow: hidden; }
.entry-content .prenext ul { overflow: hidden; padding: 5px 0; margin: 20px 0 30px 0; background: url("images/border_1x3.gif") repeat-x left top; border-bottom: 2px solid #ccc; }
.entry-content .prenext ul li { list-style: none; margin: 0; padding: 0; }
.entry-content .prenext ul .left { background: url("images/icon_arrow_04.png") no-repeat left 3px; padding: 5px 5px 5px 35px; }
.entry-content .prenext ul .right { background: url("images/icon_arrow_03.png") no-repeat right 3px; padding: 5px 35px 5px 5px; }

.social { clear: both; margin-top: 60px; padding-top: 20px; background: url("images/border_1x3.gif") repeat-x left top; }

/* = Pages
============================================================== */
/* = INDEX
-------------------------------------------------------------- */
.tour_set .left { clear: both; }
.tour_set .left, .tour_set .right { width: 340px; font-size: 12px; padding-bottom: 5px; }
.tour_set h3 { margin: 5px 0 0 0; padding-bottom: 5px; border-bottom: 1px dotted #ccc; }
.tour_set h3 a { display: block; background: url("images/icon_arrow_01.png") no-repeat 315px 0px; }
.tour_set h3 a:hover { background-position: 316px 2px; }
.tour_set p { margin: 5px 0; }
.tour_set .icon_mall { margin: 5px 0 0 0; }
.tour_set .icon_mall img { margin: 0; padding-right: 5px; }
.tour_set .link_btn { width: 100px; height: 130px; float: left; }
.tour_set .link_btn a:hover img { position: relative; left: 1px; top: 1px; }
.tour_set p span a { padding: 2px 0 2px 20px; margin: 5px 0 0 100px; display: block; background: url("images/icon_search.png") no-repeat left 3px; }

.ads { background: url("images/bg_emission.png") no-repeat left 340px; padding-bottom: 35px; }
.ads h3, .ads p { text-align: center; }
.ads h3 img, .ads p img { margin: 0; }

/* news */
.title_home_news { clear: both; position: relative; margin: 0; }
.title_home_news img { display: block; margin: 0; }
.title_home_news span { position: absolute; right: 10px; top: 7px; font-size: 12px; padding: 2px 0 2px 20px; background: url("images/icon_arrow_01.png") no-repeat left 2px; }

.headline { letter-spacing: 1px; border: 1px solid #ccc; border-top: none; padding: 15px 20px 0px 20px; overflow: hidden; }
.headline .entry-meta { width: 250px; float: left; }
.headline h1 { font-size: 12px; margin: 2px 0 0 0; width: 405px; float: left; overflow: hidden; }
.headline header.entry-header { clear: both; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; background: url("images/border_1x2.gif") repeat-x left bottom; zoom: 1; }
.headline header.entry-header img { position: relative; left: 0; top: 3px; }

/* = 404 page
-------------------------------------------------------------- */
.error404 #main #content { width: 700px; }
.error404 #main #content .widget { float: left; width: 33%; }
.error404 #main #content .widget .widget .widgettitle, .error404 #main #content .widget .widget ul { margin-right: 1em; }
.error404 #main #content .widget .widget_tag_cloud { clear: both; float: none; width: 100%; }

/* = User voice page
-------------------------------------------------------------- */
.user_box { clear: both; overflow: hidden; border: 1px solid #ccc; padding: 0 30px 20px 30px; background-color: #f2f2f2; margin-bottom: 20px; zoom: 1; }
.user_box h3 { background-color: #fff; padding: 5px 10px 0 10px; }
.user_box .lead { width: 470px; float: right; }
.user_box .client { width: 135px; float: left; }
.user_box .image { overflow: hidden; border: 1px solid #ccc; background-color: #fff; margin-bottom: 0; }
.user_box .image a { border: 1px solid #ccc; width: 120px; margin: 5px auto; display: block; }
.user_box .image a:hover { border: 1px solid #bd0e1c; }
.user_box .image a img { display: block; margin: 0; border: none; }
.user_box .image img { border: 1px solid #ccc; width: 120px; margin: 5px auto; display: block; }
.user_box .name { margin: 0; font-size: 12px; }
.user_box .name a { color: #bd0e1c; }

/* = Trial page
-------------------------------------------------------------- */
.page-trial .entry-content .bg_img_02 p, .page-trial .entry-content .bg_img_03 p, .page-trial .entry-content .bg_img_04 p { padding-left: 185px; }
.page-trial .entry-content .bg_img_02 { height: 110px; background: url("images/trial/img_02.png") no-repeat 20px top; }
.page-trial .entry-content .bg_img_03 { height: 170px; background: url("images/trial/img_03.png") no-repeat 30px 10px; }
.page-trial .entry-content .bg_img_04 { height: 160px; background: url("images/trial/img_04.png") no-repeat 5px top; }
.page-trial .entry-content p.big_arrow { text-align: center; }

/* = Tour page
-------------------------------------------------------------- */
.page-tour .entry-content .bg_img_01 { background: url("images/tour/img_01.png") no-repeat right top; }

/* = Asukasan page
-------------------------------------------------------------- */
.page-asukasan .entry-content .bg_img_01 { background: url("images/asukasan/img_01.png") no-repeat right top; }

/* = Fujiichan page
-------------------------------------------------------------- */
.page-fujiichan .entry-content .bg_img_01 { background: url("images/fujiichan/img_01.png") no-repeat right bottom; }
.page-fujiichan .entry-content .service { background: url("images/bg_service.png") no-repeat -700px top; }
.page-fujiichan .entry-content .service .service_inner { background: url("images/bg_service.png") no-repeat -700px bottom; }
.page-fujiichan .entry-content .service .service_content { background: url("images/bg_service02.png") repeat-y -700px top; position: relative; left: 0; top: 0; }
.page-fujiichan .entry-content .service .service_content .iframe_img { position: absolute; left: 40px; bottom: 25px; }

/* = Live page
-------------------------------------------------------------- */
.page-live .entry-content .bg_img_01 { background: url("images/live/img_01.png") no-repeat right bottom; }
.page-live .entry-content .service { background: url("images/bg_service.png") no-repeat -1400px top; }
.page-live .entry-content .service .service_inner { background: url("images/bg_service.png") no-repeat -1400px bottom; }
.page-live .entry-content .service .service_content { background: url("images/bg_service02.png") repeat-y -1400px top; position: relative; }
.page-live .entry-content .service .service_content .iframe_img { position: absolute; left: 50px; bottom: 25px; }

/* = Plus page
-------------------------------------------------------------- */
.page-plus .entry-content .service { background: url("images/bg_service.png") no-repeat -2100px top; }
.page-plus .entry-content .service .service_inner { background: url("images/bg_service.png") no-repeat -2100px bottom; }
.page-plus .entry-content .service .service_content { background: url("images/bg_service02.png") repeat-y -2100px top; }

/* = Ranking page
-------------------------------------------------------------- */
.page-ranking .entry-content .bg_img_01 { background: url("images/ranking/img_01.png") no-repeat right bottom; }
.page-ranking .entry-content .service { background: url("images/bg_service.png") no-repeat -2800px top; }
.page-ranking .entry-content .service .service_inner { background: url("images/bg_service.png") no-repeat -2800px bottom; }
.page-ranking .entry-content .service .service_content { background: url("images/bg_service02.png") repeat-y -2800px top; }
.page-ranking .entry-content .service .bg_inner { text-align: center; }
.page-ranking .entry-content .service #ranking160184 { float: left; margin: 20px 120px 60px 50px; }
.page-ranking .entry-content .service #ranking160184 .bg_inner { width: 200px; height: 208px; padding-top: 41px; background: url("images/ranking/bg_160184.png") no-repeat left top; }
.page-ranking .entry-content .service #ranking160184 iframe { border: 1px solid #bd0e1c; }
.page-ranking .entry-content .service #ranking200230 { float: left; }
.page-ranking .entry-content .service #ranking200230 .bg_inner { width: 202px; height: 253px; padding-top: 50px; background: url("images/ranking/bg_200230.png") no-repeat left top; }
.page-ranking .entry-content .service #ranking500150 { clear: both; width: 502px; margin: 0 auto; }
.page-ranking .entry-content .service #ranking500150 .bg_inner { width: 502px; height: 180px; padding-top: 44px; background: url("images/ranking/bg_500150.png") no-repeat left top; }

/* = Review page
-------------------------------------------------------------- */
.page-review .entry-content .bg_img_01 { background: url("images/review/img_01.png") no-repeat right bottom; }
.page-review .entry-content .service { background: url("images/bg_service.png") no-repeat -4200px top; }
.page-review .entry-content .service .service_inner { background: url("images/bg_service.png") no-repeat -4200px bottom; }
.page-review .entry-content .service .service_content { background: url("images/bg_service02.png") repeat-y -4200px top; position: relative; }
.page-review .entry-content .service .service_content .iframe_img { position: absolute; left: 50px; bottom: 25px; }

/* = KPI page
-------------------------------------------------------------- */
.page-kpi .entry-content .bg_img_01 { background: url("images/kpi/img_01.png") no-repeat right bottom; }
.page-kpi .entry-content .service { background: url("images/bg_service.png") no-repeat -3500px top; }
.page-kpi .entry-content .service .service_inner { background: url("images/bg_service.png") no-repeat -3500px bottom; }
.page-kpi .entry-content .service .service_content { background: url("images/bg_service02.png") repeat-y -3500px top; }

/* = Inquiry page
-------------------------------------------------------------- */
.entry-content div.wpcf7 { margin-bottom: 60px; }
.entry-content div.wpcf7 .center { text-align: center; }
.entry-content div.wpcf7 .center input { padding: 6px 20px; }
.entry-content div.wpcf7 input { margin: 2px 3px; padding: 4px; }
.entry-content div.wpcf7 span.wpcf7-not-valid-tip { width: 400px; }

/* = pricing page
-------------------------------------------------------------- */
.page-pricing .entry-content h3 { background-color: #bd0e1c; border: none; margin: 10px 0 0 0; position: relative; left: 0; top: 8px; }
.page-pricing .entry-content h3 img { padding: 5px 0; }
.page-pricing .entry-content h3 span { display: block; float: left; background-color: #fff; padding: 0 10px; margin: 8px 10px; }
.page-pricing .entry-content h3.plan_list { background-color: #fff; border-bottom: 3px solid #bd0e1c; left: 0; top: 0; margin: 50px 0 20px 0; }
.page-pricing .entry-content h3.plan_list img { position: absolute; top: -40px; right: 10px; }
.page-pricing .entry-content .service_list { background: url("images/border_3x1.png") repeat-x 0 top; padding-top: 5px; }
.page-pricing .entry-content .service_list img { vertical-align: middle; padding-right: 15px; }
.page-pricing .entry-content .service_list .services img { padding-right: 10px; }
.page-pricing .entry-content .service_list .services a:hover img { position: relative; left: 1px; top: 1px; }
.page-pricing .entry-content th, .page-pricing .entry-content td { padding: 5px 15px; }

/* = Sitemap page
-------------------------------------------------------------- */
ul#menu-sitemap { padding: 0 0 30px 0; margin: 0; line-height: 1.7; font-size: 14px; overflow: hidden; }
ul#menu-sitemap li { background: url("images/icon_arrow_03.png") no-repeat left 9px; padding: 5px 0 5px 25px; margin: 5px 10px 5px 10px; border-bottom: 1px dotted #ccc; text-align: justify; text-justify: inter-ideograph; width: 40%; list-style: none; float: left; }
ul#menu-sitemap li ul li { background: url("images/icon_arrow_01.png") no-repeat left 9px; width: 100%; }
ul#menu-sitemap .none { background: none; padding: 0; }
ul#menu-sitemap .last { border: none; }

/* = Single
============================================================== */
.single .entry-header h1.entry-title { border-left: 5px solid #ffb521; font-size: 16px; padding: 8px 20px; }
.single .entry-header .entry-meta { padding: 10px 0 20px 0; text-align: right; background: url("images/border_1x2.gif") repeat-x 0 top; }
.single .entry-header .entry-meta img { position: relative; left: 0; top: 3px; }
.single .entry-content { background: url("images/border_1x2.gif") repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }

		                                      /* = 一覧ページ：新着情報一覧 news-list：archive：category
============================================================== */
.archive h1.entry-title, .category h1.entry-title { font-size: 16px; text-shadow: 1px 1px 1px white; }

.archive .headline, .page-news-list .headline { border: none; padding: 0; }
.archive .headline article h1.entry-title, .page-news-list .headline article h1.entry-title { background: none; margin: 2px 0 0 0; padding: 0; width: 450px; font-size: 12px; text-shadow: none; }
.archive .category-archive-meta, .page-news-list .category-archive-meta { padding-bottom: 30px; }

/***************************************************************
** Secondary : Sidebar
***************************************************************/
#secondary .side_trial, #secondary .side_case, #secondary .side_inquiry { margin-bottom: 20px; }
#secondary .side_case { background-color: #efefef; border: 1px solid #ccc; border-top: none; padding: 15px 5px 5px 5px; overflow: hidden; zoom: 1; }
#secondary .side_case .asp-case { float: left; width: 96px; height: 92px; }
#secondary .side_case .asp-case p { font-size: 10px; margin-top: 0; }
#secondary .side_case .asp-case p img { margin-bottom: 0; }
#secondary .side_case .asp-case:nth-child(2n) { float: right; }
#secondary h3.side_title { clear: both; margin-bottom: 0; }
#secondary h3.side_title img { display: block; }
#secondary .side_inquiry { background-color: #fff; border: 3px solid #01a2e6; border-top: none; padding: 15px 5px 5px 5px; overflow: hidden; font-size: 12px; text-align: center; }
#secondary .side_inquiry .inner { background: url("images/border_1x2.gif") repeat-x 0 bottom; padding: 0 0 10px 0; }
#secondary .side_inquiry .inner p { margin: 0 0 5px 0; }
#secondary .side_inquiry .inner p img { margin-bottom: 0; }
#secondary .side_inquiry .inner p.icon01 { text-align: left; background: url("images/icon_arrow_01.png") no-repeat left center; padding: 5px 20px; margin: 0; }
#secondary .side_inquiry p.bg-gray { background-color: #efefef; text-align: left; padding: 10px 0 10px 5px; }

/* = Sidebar Navi
============================================================== */
#secondary .menu-tour-container { /* ul */ }
#secondary .menu-tour-container a { text-decoration: none; display: block; }
#secondary .menu-tour-container ul { margin: 0; padding: 0; /* #menu-tour */ }
#secondary .menu-tour-container ul#menu-tour { margin-bottom: 30px; background-color: #000; border-bottom: 1px solid #ccc; }
#secondary .menu-tour-container ul#menu-tour a { color: #fff; padding: 15px 0 15px 15px; }
#secondary .menu-tour-container ul#menu-tour .sub-menu { background-color: #fff; }
#secondary .menu-tour-container ul#menu-tour .sub-menu a { color: #333; border-left: 5px solid #fff; zoom: 1; }
#secondary .menu-tour-container ul#menu-tour .sub-menu a:hover { background-color: #fff; border-left: 5px solid #ffc61d; }
#secondary .menu-tour-container ul#menu-tour .sub-menu li { border-top: 1px solid #ccc; }
#secondary .menu-tour-container ul#menu-tour .sub-menu li.current-menu-item a { border-left: 5px solid #ffc61d; }

/* =Widgets
-------------------------------------------------------------- */
.widget { display: block; }

.widget-area .widget_search { overflow: hidden; }
.widget-area .widget_search .widget_search input { float: left; }

/* =一覧：archive：category：single用
-------------------------------------------------------------- */
#secondary .cat_list h6, #secondary .month h6 { margin: 0 0 10px 0; background: url("images/border_1x2.gif") repeat-x left center; }
#secondary .cat_list ul, #secondary .month ul { padding: 0 0 10px 10px; margin: 0; }
#secondary .cat_list li, #secondary .month li { font-size: 12px; list-style: none; margin: 0 0 5px 0; padding-left: 15px; background: url("images/icon_arrow_02.png") no-repeat left 2px; }

/***************************************************************
** Footer
***************************************************************/
#colophon { padding: 1em 0; width: 960px; margin: 0 auto; }
#colophon .pagetop { background: url("images/border_1x3.gif") repeat-x 0 center; }
#colophon .pagetop span { display: block; width: 27px; margin: 0 0 0 auto; background-color: #fff; padding: 0 15px; }
#colophon small { font-size: 12px; font-family: Arial; text-align: center; display: block; }
#colophon small a { text-decoration: none; color: green; }

/* = Footer Navi
============================================================== */
.menu-footer-container { position: relative; top: -15px; padding-bottom: 8px; border-bottom: 2px solid #000; }

ul#menu-footer { margin: 0; padding: 0; }
ul#menu-footer li { list-style: none; display: inline; background: url("images/icon_arrow_02.png") no-repeat left 4px; padding: 0 15px; }
ul#menu-footer li a { text-decoration: none; color: #000; font-size: 12px; }

/***************************************************************
** Plugin & jQuery
***************************************************************/
/* = Breadcrumbs
============================================================== */
nav#bread { font-size: 1.2em; clear: both; }
nav#bread ul.breadcrumbs { margin: 0; padding: 0; overflow: hidden; background: #efefef; zoom: 1; }
nav#bread ul.breadcrumbs li { float: left; line-height: 1.8; zoom: 1; }
nav#bread ul.breadcrumbs li a { color: #fff; text-decoration: none; display: block; position: relative; zoom: 1; padding: 0 2em 0 1em; background: #8e8e8e url("/wp-content/themes/ultra-asp/images/bg_bread01.gif") no-repeat 100% 50%; }
nav#bread ul.breadcrumbs li a:hover { text-decoration: underline; }

nav#bread ul.breadcrumbs li:nth-last-child(2) a { background: #8e8e8e url("/wp-content/themes/ultra-asp/images/bg_bread02.gif") no-repeat 100% 50%; }

nav#bread ul.breadcrumbs li:nth-last-child(1) { background: #ffd03c url("/wp-content/themes/ultra-asp/images/bg_bread03.gif") no-repeat 100% 50%; padding: 0 2em 0 1em; }

/* = External link
============================================================== */
a.external { background: url("images/external-link_off.png") no-repeat right center; padding-right: 15px; margin-right: 5px; }
a.external.external:hover { background-image: url("images/external-link_on.png"); }

/* = pagenation
============================================================== */
.pagination { clear: both; padding: 20px 0; position: relative; font-size: 11px; line-height: 13px; overflow: hidden; }
.pagination span, .pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; background: #555; font-weight: bold; }
.pagination a:hover { color: #fff; background: #3279BB; }
.pagination .current { padding: 6px 9px 5px 9px; background: #a2d109; color: #fff; }