@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; }

  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
	font-family: Verdana,"MS PGothic", 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 0.9em;
	line-height:1.5em;
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150% }                        /* 18px */
  h4 {
	font-size: 122.22%;
	padding: 20px 0 5px 0;
	color: #669900;
	margin: 0;
}                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic; } /* 14px */

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  li { margin-left: 1.5em; line-height: 1.5em; list-style:none}
  

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic; }
  blockquote { margin: 0 0 1em 1.5em; }

  strong,b { font-weight: bold; }
  em,i { font-style:italic; }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note { background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
  .important { background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
  .warning { background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }

  .floatleft { float: left; margin-right: 1em; margin-bottom: 0.15em; }
  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { text-align:center; margin: 0.5em auto; }
  .margin_top20{margin:8px 0 0 0}

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {
	color:#C00;
	text-decoration:underline;
}
  a:focus,
  a:hover,
  a:active {
	text-decoration:none;
	cursor:pointer;
}
 a:hover{color:#336600}
  
  #topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent; }
  
  #footer a {}
  #footer a:focus,

  #footer a:hover,
  #footer a:active { }

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em;  }
  table.newlist {
	width: 100%;
	margin:-10px 0 20px 0
}
 
.table_news th{ vertical-align:top}
  table.newlist th{width:100px;}

 
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff; }
  tbody th {   color: #333; }
  tbody th.sub { background: #ddd; color: #333; }
  table.newlist th{ background:#fff; width:110px; border-bottom:1px dotted #999}
  table.newlist td{ background:#fff; border-bottom:1px dotted #999;color:#CC6500}
table.table_news_noneborder td{border:none;border-bottom:1px dotted #999;}
table.table_news_noneborder th{border:none;border-bottom:1px dotted #999;}
 

  .photo_special{
	margin-top:-20px;
	font-size:13px;
	color:#777
}
.text_special{
	color:#F60
}
.mainheight{
	padding:20px 0 0 0;
	clear:both
}
.current_position{margin-top:20px;margin-bottom:-10px}
.current_position_nobottom{margin-top:20px;margin-bottom:10px}

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }
  input{vertical-align:middle}
.error{height:20px;width:350px;border:none;font-size:14px;background:#cc0000;color:#fff;font-weight:700}

.table_line td,.table_line th{border-bottom:1px dotted #ccc}

#backgroundPopup{opacity:0.7;filter:alpha(opacity=70);position:absolute;height:100%;width:100%;top:0;left:0;background:#000;z-index:1;}

.tdd_diandian td{border-bottom:1px dotted #ccc}

strong.your_on{
	font-size:16px;
	color:#333333
}

/*---------------------------------------------------------------------------　//add CSS _2010.04.19 by adachi */

.producttop_wrap {
	width:692px;
	background:url("../images/product/product_top.png") no-repeat;	
}

p.product_title {
	font-size:24px;
	color:#000000;
	margin:20px auto 10px 10px;
}

div.product_text {
	font-size:18px;
	font-weight:bold;
	color:#000000;
	margin-left:10px;
}

div.product_text2 {
	font-size:12px;
	color:#666666;
	margin-left:10px;
}

h3.h3hidden {
	height:0px;
	visibility:hidden;
}

div.h3title_wrap {
	width:100%;
	margin-top:20px;
}

div.h3title_wrap2 {
	width:100%;
	margin-top:40px;
}

div.h3title_left {
	color:#CCCCCC;
	font-size:18px;
	font-weight:bold;
	float:left;
}

div.h3title_left2 {
	color:#000000;
	font-size:18px;
	font-weight:bold;
	float:left;
}

div.h3title_right {
	color: #000000;
	font-size:14px;
	font-weight:bold;
	padding-right:5px;
	float:right;
}

div.title_underbar {
	height:2px;
	background:url("../images/product/h3title_underbar.gif") no-repeat #000000;
	background-position:right;
	margin-bottom:20px;
	clear:both;
}

div.title_underbar2 {
	height:2px;
	background:url("../images/product/h3title_underbar.gif") no-repeat #000000;
	background-position:left;
	margin-bottom:20px;
	clear:both;
}

div.apinfobox {
	width:100%;
	margin:0 auto;
	_text-align:center;
	margin-top:10px;
	background: url("../images/product/check.gif"); 
	border-top:1px solid #CCCCCC;
}

div.apimage {
	padding:5px;
}

img.apimage_left {
	margin:10px;
	background:#FFFFFF;
	border:2px solid #FFFFFF;
	float:left;
}

div.aptext_right {
	width:70%;
	height:80%;
	background:#FFFFFF;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
}

img.iconimage {
	padding:8px;
}

div.samnail_title {
	text-align:left;
	color:#FF9900;
	font-size:20px;
	/*font-weight:bold;*/
	padding:8px 8px 0 8px;
}

div.samnail_right {
	text-align:left;
	padding:5px 8px 8px 8px;
	font-size:10px;
	line-height:13px;
}

table.aptable  {
	/*font-size:10px;*/
	width:95% !important;
	text-align:left;
	border-spacing:0;
	border:1px dotted #CCCCCC;
	margin:0 auto;
	padding:0;
	_text-align:center;
	clear:both;
}

tr.tablehalf {

}

th.datahead {
	width:15%;
	height:10px !important;
	font-size:10px;
	padding-left:10px;
	text-align:justify;
}

td.datatext {
	width:35%;
	height:10px !important;
	font-size:10px;
	text-align:left;
}

div.memo  {
	/*font-size:10px;*/
	width:90% !important;
	text-align:left;
	font-size:10px;
	border-spacing:0;
	margin:10px auto 0 auto;
	clear:both;
}


div.btn_shosai a{
	display:block;
	width:130px;
	height:37px;
	text-align:center;
	line-height:37px;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	background: url("../images/product/btn_bg.png") no-repeat;
	float:right;
	margin:5px;
}

div.btn_shosai a:hover {
	background: url("../images/product/btn_bg_on.png") no-repeat;
}

div.shop_android a {
	display:block;
	width:110px;
	height:37px;
	background: url("../images/product/btn_android.png") no-repeat;
	float:right;
	margin:5px;

}

div.shop_android a:hover {
	background: url("../images/product/btn_android.png") no-repeat;
}

div.shop_itunes a {
	display:block;
	width:110px;
	height:37px;
	background: url("../images/product/btn_appstore.png") no-repeat;
	float:right;
	margin:5px;

}

div.shop_itunes a:hover {
	background: url("../images/product/btn_appstore.png") no-repeat;
}

div.btn_dowmload a {
	display:block;
	width:110px;
	height:37px;
	background: url("../images/product/btn_download.png") no-repeat;
	float:right;
	margin:5px;

}

div.btn_dowmload a:hover {
	background: url("../images/product/btn_download.png") no-repeat;
}

p.texts {
	font-size:12px;
	line-height:16px;
	color: #666666;
}

/*------------------------------------------------------- yourgolf.html -------*/

div.yourgolftop {
	width:100%;
	height:462px;
	background:url(../images/product/top.png) no-repeat;
	background-position:top center;
	position:relative;
}

div.yourgolftoptitle {
	width:313px;
	height:61px;
	font-size:26px;
	font-weight:bold;
	line-height:26px;
	color:#0000FF;
	position:absolute;
	top:45px;
	left:40px;
}

div.yourgolftoptext {
	width:313px;
	height:29px;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	color:#0000FF;
	position:absolute;
	top:106px;
	left:43px;
}

div.yourgolfapripoint {
	width:313px;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	position:absolute;
	top:170px;
	left:43px;
}

ul.yourgolfpointlist {
	width:313px;
	color:#000000;
	position:absolute;
	top:200px;
	left:43px;
	margin:0;
	padding:0;
}

li.toppointlist {
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	color:#000000;
	margin:0;
	padding:2px 0;
}

div.btn_pointlink a {
	display:block;
	width:80px;
	height:20px;
	text-align:center;
	line-height:20px;
	font-size:10px;
	/*text-decoration:none;*/
	color:#CCCCCC;
	background-color: #333333;
	/*background: url("../images/product/btn_bg.png") no-repeat;*/
	margin:5px;
	position:absolute;
	top:319px;
	left:220px;
}

div.btn_store1 a {
	display:block;
	width:84px;
	height:29px;
	text-align:center;
	line-height:29px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	background: url("../images/product/btn_down_android.gif") no-repeat;
	margin:5px;
	position:absolute;
	top:405px;
	left:435px;
}

div.btn_store2 a {
	display:block;
	width:84px;
	height:29px;
	text-align:center;
	line-height:29px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	background: url("../images/product/btn_down_iphone.gif") no-repeat;
	margin:5px;
	position:absolute;
	top:405px;
	left:527px;
}

div.yourgolfcapture {
	width:686px;
	height:211px;
	margin:10px auto;
	border:2px solid #cccccc;
	background:#f4f4f4;
	/*padding:5px*/
}

div.sshot_title {
	width:666px;
	margin:10px auto;
}

div.sshot_imagebox {
	width:666px;
	margin:0 auto;
	padding:0 auto;
	_text-align:center;
}

div.sshot_image {
	float:left;
	margin:5px;
}

div.yourgolfpoint1 {
	width:100%;
	height:291px;
	background:url(../images/product/point_image1.jpg) no-repeat;
	background-position:right;
	margin-top:20px;
	border-top:1px dashed #CCCCCC;
}

div.yourgolfpoint2 {
	width:100%;
	height:291px;
	background:url(../images/product/point_image2.jpg) no-repeat;
	background-position:right;
	margin-top:20px;
	border-top:1px dashed #CCCCCC;
}

div.yourgolfpoint3 {
	width:100%;
	height:291px;
	background:url(../images/product/point_image3.jpg) no-repeat;
	background-position:right;
	margin-top:20px;
	border-top:1px dashed #CCCCCC;
}

div.yourgolfpoint1_bg {
	width:100%;
	height:291px;
	background:url(../images/product/1.gif) no-repeat;
	background-position:left top;
	margin-top:0px;
}

div.yourgolfpoint2_bg {
	width:100%;
	height:291px;
	background:url(../images/product/2.gif) no-repeat;
	background-position:left top;
	margin-top:0px;
}

div.yourgolfpoint3_bg {
	width:100%;
	height:291px;
	background:url(../images/product/3.gif) no-repeat;
	background-position:left top;
	margin-top:0px;
}

div.pointtitle {
	font-size:24px;
	font-weight:bold;
	color:#008000;
	margin:30px 0 0 10px;
}

div.ygpoint {
	width:270px;
	font-size:18px;
	font-weight:bold;
	color:#0000FF;
	margin-top:10px;
	margin-left:20px;
}

div.ygpoint_text1 {
	width:270px;
	/*font-size:18px;*/
	font-weight:bold;
	color:#2E8B57;
	margin-top:20px;
	margin-left:20px;
}

div.ygpoint_text2 {
	width:270px;
	margin-top:5px;
	margin-left:20px;
	color:#2E8B57;
	font-size:14px;
	line-height:21px;
}



/* ---------------------------------------------------------------------------- */
div.captureimage_wrap {
	width:100%;
	background:#CCCCCC;
	padding:5px;
	margin:20px auto 10px auto;
	_text-align:center;
}

div.captureimage_box {
	padding:0 auto;
}

div.captures {
	width:130px;
	height:180px;
	margin:10px 5px;
	background:#333333;
	float:left;
}






}