/*  
Theme Name: Vistalicious
Description: WP theme with a Vista twist
Author: Daily Blog Tips	
Version: 1.0
*/

/* Reset Defaults Starts */

* {
  margin: 0;
  padding: 0;
  }

h1, h2, h3, h4, h5, h6, p, blockquote {
  margin: 0;
  padding: 5px;
  }

a {
  color: #256B7F;
  }

a:hover {
  color: #6B8B45;
  }

blockquote {
  margin: 5px 10px;
  padding: 5px 10px;
  background-color:#CCCCFF;
  border: 1px dotted #BBB;
  }

code {
  color: #3366CC;
  }

a img {
  border: none;
  }


/* Reset Defaults Ends */

body {
  position: relative; /* Fixes browser resizing bug in IE6 */
  margin: 5px auto 10px auto;
  width: 950px;
  font-family: arial, sans-serif;
  text-align: center; /* IE Centering Technique */
  background: #0A84C1;
  background-attachment: fixed; 
  }

#wrapper {
  text-align: left; /* IE Centering Technique */
  }

.topcurvewhite {
  margin: 0;
  height: 13px;
  background: url(images/bgtopwhite.gif) left top no-repeat;
  }

.bottomcurvewhite {
  margin: 0;
  height: 13px;
  background: url(images/bgbottomwhite.gif) left bottom no-repeat;
  }

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

#header h1.sitename {
  padding: 0 0 0 0;
  position: relative;
  font-size: 20pt;
  }

#header h1.sitename a {
  color: #fff;
  text-decoration: none;
  }

#header h1.sitename a:hover {
  color: #D0DE9C;
  text-decoration: none;
  }

#header h2.sitedesc {
  padding: 0 0 0 0;
  position: relative;
  font-size: 11pt;
  color: #A6DDEA;
  }

#header .topright {
  float: right;
  position: relative;
  margin: 5px 0 0 0;
  padding: 0;
  width: 440px;
  height: 60px;
  text-align: right;
  color: #fff;
  font-size: 10pt;
  }
  

#header .topright a {
  color: #A6DDEA;
  }

#header .topright a:hover {
  color: #D0DE9C;
  }

/*-------------------------------------
	追加CSS：ヘッダー右上部start
--------------------------------------*/

.topright ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
display:inline;
}

.topright li {
float:left;
margin-right:5px;
display:inline;

}


.topright li a {
display:block;
height:20px;
text-decoration:none;
text-transform:lowercase;
display:inline;
}

/*-------------------------------------
	追加CSS：ヘッダー右上部end
--------------------------------------*/



.search {
  padding-bottom: 5px;
  }

#searchform {
  float: right;
  margin-left: 0;
  margin-top: 2px;
  margin-right: 0px;
  }

#searchform {
  margin-left: 10px;
  width: 295px;
  padding-top: 8px;
  height: 28px;
  background: #ccc;
  background: url(images/search.gif) left 3px no-repeat;
  }

*:first-child+html #searchform { /* Filter for IE7 */
  padding: 5px 0;
  }

* html #searchform { /* Filter for IE6 */
  padding: 5px 0;
  }

#searchbox {
  margin-left: 45px;
  margin-bottom: 4px;
  width: 190px;
  background: none;
  border: none;
  }

#searchbutton {
  width: 50px;
  background: none;
  border: none;
  }

#searchbutton:hover {
  cursor: pointer;
  }

#nav {
  clear: both;
  margin: 0;
  }

#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }

#nav li {
  float: left;
  margin-right: 10px;
  }

* html #nav li a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

* html #nav li a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  margin-left: 4px;
  text-decoration: none;
  }

#nav li a {
  display: block;
  height: 26px;
  background: url(images/bgtableft.gif) left top no-repeat;
  text-transform: lowercase;
  font-size: 10pt;
  text-decoration: none;
  }

#nav li a span {
  display: block;
  margin-left: 6px;
  padding-left: 5px;
  padding-right: 12px;
  line-height: 26px;
  color: #FFF;
  background: url(images/bgtabright.gif) right top no-repeat;
  text-decoration: none;
  }


#nav li.current_page a {
  background-position: left -26px;
  }

#nav li.current_page a span {
  background-position: right -26px;
  color: #fff;
  }

#main {
  clear: both;
  width: 925px; /* Overrides miscalculation in IE6; ignored by other browsers. */
  margin: 0;
  padding: 5px 15px 15px 10px;
  background: #fff url(images/bgwhite.gif) repeat-y top left;
  }

/*:::::::::::::::::::::::::::
	top movie start
::::::::::::::::::::::::::::*/

.top_movie img {
	margin-left:10px;
}

img.top_b2 {
	margin-top:20px;
}

/*:::::::::::::::::::::::::::
	top movie end
::::::::::::::::::::::::::::*/


#contentwrapper {
  float: left;
  width: 600px;
  }

#content {
  }

#content .pageTitle {
  padding: 5px 10px 15px 10px;
  font-size: 16pt;
  font-family: arial, sans serif;
  letter-spacing: -1px;
  color: #5A7836;
  }

.post {
  margin:0 0 25px 0;
  }

#content h2, #content h3, #content h4, #content h5, #content h6 {
  padding: 0 10px;
  font-weight: bold;
  }

#content h2 {
  font-size: 15pt;
  }

#content h3 {
  font-size: 11pt;
  }

#content h4, #content h5, #content h6 {
  font-size: 10pt;
  }

h2.homeTitle {
  margin: 0 0 15px 0;
  }

h2.postTitle {
  padding: 0 10px;
  font-size: 16pt;
  font-weight: bold;
  color: #000;
  font-family: arial, sans serif;
  letter-spacing: -1px;
  }

h2.postTitle a {
  font-size: 15pt;
  font-weight: bold;
  text-decoration: none;
  color: #11414F;
  }

h2.postTitle a:hover {
  color: #5A7836;
  }

.postMeta {
	padding: 2px 10px 3px 10px;
  	font-size: 9pt;
	color: #333;
	border-bottom: dotted 1px #99ccff;
	margin-bottom:20px;

  }

.postMeta a {
  text-decoration: none;
  }

/*
.postContent img {
  margin: 10px;
  border: 3px solid #CCC;
  }
*/

#content p, .postContent p {
  padding: 5px 10px;
  font-size: 1em;
  color: #000;
  }

.postContent ul, ol {
  padding: 0;
  list-style-type:none;
  }


.postContent ol li {
  font-size: 10pt;
  color: #000;
  }

/**************************************
	追加CSS　投稿記事内
**************************************/

.postContent {
	line-height:1.5em;
}

.postTitle {
	margin-top:20px;
}

.postTags {
  margin: 5px 10px 15px 10px;
  font-size: 9pt;
  color: #000;
  }

p.comments {
  clear: both;
  padding: 5px 10px 5px 10px;
  }

p.comments a {
  padding-left: 20px;
  background: url(images/comment.gif) left top no-repeat;
  font-size: 10pt;
  text-decoration: none;
  }

.commentlist {
  margin: 10px 0;
  font-size: 10pt;
  list-style: none;
  }

.commentlist li {
  margin: 0 0 10px -25px;
  background: #CBE7FA;
  border: 1px solid #9DCAE8;
  width: 530px;
  }

.commentlist cite {
  padding: 10px;
  font-size: 10pt;
  }

.commentlist cite a {
  }

.commentmetadata {
  padding: 10px;
  }

.comment h3 {
  padding: 0 10px;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  }

.comment p {
  padding: 10px;
  font-size: 10pt;
  color: #000;
  }

.comment a {
  text-decoration: none;
  }

.comment a:hover {
  text-decoration: underline;
  }

.comment textarea {
  width: 555px;
  }

.comment #submit {
  width: 118px;
  height: 30px;
  background: url(images/commentbutton.gif) left top no-repeat;
  border: none;
  font-size: 9pt;
  color: #333;
  }

.comment #submit:hover {
  cursor: pointer;
  }


/* Sidebars */

.sidebars {
  float:right;
  margin-top: 0px;
  margin-left: 5px;
  width: 300px;
  }

.sidebars h2 {
  padding: 6px 5px 2px 7px;
  font-size: 11pt;
  color: #fff;
  background: url(images/sidebar_title_bg.gif) left top no-repeat;
  height: 29px;
  }

.sidebars table {
  width: 300px;
  }

.sidebars ul {
  margin: 0;
  padding: 0 0 5px 0;
  }

.sidebars li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 9pt;
  }

.sidebars li ul {
  padding: 0;
  }

.sidebars ul ul li {
  margin: 0;
  padding: 3px 2px 2px 16px;
  color: #333;
  background: url(images/bullet.gif) left 7px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  border-bottom: 1px dashed #ddd;
  }



.sidebars li.nobg a:hover {
  background: none;
  color: #003366;
  text-decoration: none;
  }

.sidebars a {
  display: inline;
  color: #333;
  text-decoration: none;
  }

.sidebars a:hover {
  color: #003366;
  background: #C1DEF1;
  }

.sidebars p {
  padding: 2px 0;
  font-size: 9pt;
  }

#tag_cloud a {
  display: inline;
  }

.sidebars ul.children li {border-bottom:none;}
.sidebars ul.children {margin-bottom:-5px;}


/* Footer */

#footer {
  clear: both;
  padding-top: 10px;
  color: #fff;
  text-align: left; /* IE Centering Technique */
  }

#footer p {
  padding: 0;
  font-size:0.9em;
  line-height: 19px;
  }

#footer a {
  color: #FFF;
  }

#footer a:hover {
  color: #D0DE9C;
  }

#credits {
  clear: both;
  float: left;
  margin: 0 auto;
  padding: 0 0 5px 0;
  width: 950px;
  text-align: center;
  }

/* extras */

.cleared {
  clear: both;
  }

.left {
  float:left;
  }

.right {
  float:right;
  }

#nextprevious {
  padding:10px;
  font-size:85%;
  }
  
  /*:::::::::::::::::::::::::::
	top movie start
::::::::::::::::::::::::::::*/

.top_movie img {
	margin-left:10px;
}

img.top_b2 {
	margin-top:20px;
}

/*:::::::::::::::::::::::::::
	top movie end
::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::
	コンテンツ下段 start
::::::::::::::::::::::::::::*/

.left_sidebars {
  margin: 15px 0 5px 5px;
  width: 590px;
  list-style-type:none;
}

.left_sidebars_c {
background:transparent url(images/line_dot_blue.gif) repeat-x scroll center bottom;
clear:both;
text-align:left;
width:590px;
border-bottom: dotted 1px #99ccff;

}

.left_sidebars_c_left {float:left;width:170px;}

#content a {color:#3399CC;text-decoration:none;}

.left_sidebars_c_left img {float:left; padding:10px;}

.left_sidebars_c_right {
float:left;
font-size:11px;
line-height:130%;
padding:10px 0;
width:420px;
}

.left_sidebars_c_right h3 {font-size:12px;margin:0;padding:0;}
.left_sidebars_c_right h2 {font-size:14px;margin:0 0 10px;}

.left_sidebars_c_right p {margin:5px 0 0;padding:0;}
.left_sidebars_c_right p {margin:5px 0 0;padding:0;}

.date {
float:right;
font-size:12px;
height:20px;
text-align:left;
}


/*:::::::::::::::::::::::::::
	コンテンツ下段 end
::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::
	サイドバー　
::::::::::::::::::::::::::::*/

/*
.top_side_bana {
	margin-top:20px;
}
*/
/*:::::::::::::::::::::::::::
	パンくずナビ　
::::::::::::::::::::::::::::*/

.kuzu {
	font-size:0.9em;
	margin-bottom:10px;
}

#content .faq_box {
	margin-bottom:20px;
	padding:15px 25px;
}

#pgscroll {
	float:right;
	margin-top:20px;
	background-color:#0099FF;
	padding:5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.8em
}

#pgscroll a {
	color:#FFFFFF;
	text-decoration:underline;
}

#pgscroll a:hover {
	color:#CCCCCC;
}

.design1 {
border-collapse:separate;
border-spacing:3px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width:520px;
}

table {
font-size:inherit;
}

.design1 th {
background:#F5F5F5 none repeat scroll 0 0;
border-color:#E1E1E1;
border-style:none none solid solid;
border-width:1px;
color:#005CA5;
font-weight:bold;
padding:1em 0.5em 1em 1em;
text-align:right;
vertical-align:top;
}
.design1 td {
border-color:#E1E1E1;
border-style:none none solid solid;
border-width:1px;
padding:1em 1em 1em 0.5em;
}

/*********************************
			FAQ
**********************************/

.faq {
	padding-left:20px;
	margin-bottom:20px;
}

.faq ul {
  margin: 0;
  padding: 0;
  }

.faq li {
  list-style: none;
  font-size: 9pt;
  }

.faq li ul {
  padding: 0;
  }

.faq ul ul li {
  margin: 0;
  padding: 3px 2px 2px 16px;
  color: #333;
  background: url(images/bullet.gif) left 7px no-repeat;
  line-height: 15px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  border-bottom: 1px dashed #ddd;
  }



.faq li.nobg a:hover {
  background: none;
  color: #003366;
  text-decoration: none;
  }

.faq a {
  display: inline;
  color: #333;
  text-decoration: none;
  }

.faq a:hover {
  color: #003366;
  background: #C1DEF1;
  }

.faq p {
  padding: 2px 0;
  font-size: 9pt;
  }

#tag_cloud a {
  display: inline;
  }

.faq ul.children li {border-bottom:none;}
.faq ul.children {margin-bottom:-5px;}

#waring {
	border-left: 4px solid #999999;
	padding-left:20px;
	font-size:1.0em;
}
#waring .sp {
	margin-bottom:10px;
}

.top_movie {
	margin-left:10px;
}

/*********************************
	アプリダウンロードページ
**********************************/

#ap_page {
	color:#333333;
	font-size:81%;
	line-height:1.65;
}

#ap_page hr {
	margin:20px 0 20px 0;
	background-color:#0066cc;
}

table.ap_page {
	margin-left:10px;
	line-height:1.2;
	margin-top:5px;
	width:570px;
	border:0 none;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}


table.ap_page th {
	background-color:#006699;
	width:100px;
}
table.ap_page th {
	border:1px solid #BBBBBB;
	font-weight:normal;
	padding:5px 2px 5px 5px;
	white-space:nowrap;
}
table.ap_page td {
	border:1px solid #BBBBBB;
	padding:5px 2px 5px 5px;
}

/*********************************
	アプリダウンロードボタン
**********************************/


.ap_img {
	margin:5px 0 5px 0;
}


/*********************************
	アプリダウンロードボタン
**********************************/

.ap_dll {
	margin-left:10px;
	margin-bottom:10px;
	width:500px;
	border:0 none;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}

.ap_dll th {
	background:#FF602B none repeat scroll 0 0;
	border-bottom:1px solid #FF602B;
	border-top:1px solid #FF602B;
	vertical-align:middle;
	width:30px;
}

.ap_dll td {
	border-color:#BBBBBB;
	border-style:solid solid solid none;
	border-width:1px 1px 1px medium;
	padding:5px 10px;
	vertical-align:middle;
}

/*********************************
	アプリダウンロード注意
**********************************/



dl.att {
	background:#F5F5F5 none repeat scroll 0 0;
	padding:8px 5px 7px 10px;
	margin:0 10px 10px 10px;
}

dl.att dt,
dl.att02 dt {
	float:left;
	padding-top:3px;
	width:50px;
}
dl.att dd {
	color:#666666;
	line-height:1.3;
	margin:0 0 0 50px;
	padding:0;
}
.mrg_t05 {
	margin-top:5px !important;
}

.att02 dd {
	color:#666666;
	line-height:1.3;
	margin:0 0 0 120px;
	padding:0;
}

dl.att02 {
	background:#fff none repeat scroll 0 0;
	padding:8px 5px 7px 10px;
	margin:20px 10px 10px 10px;
}

/*********************************
		アプリインストール
**********************************/



dl.setup {
	padding:8px 5px 7px 10px;
	margin:0 10px 10px 10px;
}

dl.setup dt {
	float:left;
	padding-top:3px;
	width:170px;
	padding-left:20px;
}
dl.setup dd {
	line-height:1.3;
	margin:0 0 0 50px;
	padding:0;
}
.mrg_t05 {
	margin-top:5px !important;
	margin-bottom:10px !important;
}

/*********************************
		説明書インストール
**********************************/

.att03 {
	background:#fff none repeat scroll 0 0;
	padding:8px 5px 7px 10px;
	margin:0 10px 40px 10px;
}

.att03 dt {
	float:left;
	padding-top:3px;
	width:50px;
}
.att03 dd {
	color:#666666;
	line-height:1.3;
	margin:0 0 0 50px;
	padding:30px;
}


/*********************************
		販促用ページ
**********************************/

#pop_page {
	font-size:0.8em;
}
.wp-image-370 {
	margin-top:20px;
}

#pop_page .pop_txt {
	color:#FF0000;
}
.pop_txt {
	margin-left:10px;
}